无法在 Bootstrap 中提交我的模态表单答案

【问题标题】：Can`t submit my modal form in Bootstrap无法在 Bootstrap 中提交我的模态表单
【发布时间】：2015-11-16 07:26:34
【问题描述】：

Django 初学者在这里需要帮助！我正在尝试以模态形式上传图像，问题是我无法提交我的模态...当我单击提交按钮时，实际上没有发生任何事情...这已经苦苦挣扎了 2 天... 我正在使用 Bootstrap V 1.0.4 从网上尝试了一些 JS 代码，但没有一个对我有用……知道我该怎么办吗？谢谢... 这是我的模态：

 <div id="myModal" class="modal fade" role="dialog">
                      <div class="modal-dialog">

                         <!-- Modal content-->
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">آپلود عکس</h4>
                          </div>
                         <div class="modal-body">
                          <p>کاربر گرامی لطفا قبل از آپلود عکس به موارد زیر توجه نمایید:</p>
                             <ul>
                                 <li>حداکثر حجم قابل قبول برای فایل ارسالی 8 مگابایت می باشد</li>
                                 <li>فرمت های تصویری مجاز: jpg , Gif , PNG</li>
                                 <li>در صورت ارسال عکس های غیراخلاقی عکس و طرح شما به هیچ وجه منتشر نخواهد شد و پس از چاپ از سیستم حذف می گردد</li>
                                 <li>لطفاً در هنگام آپلود عکس صبور باشید :)</li>
                             </ul>
                         </div>
                         <div class="modal-footer">
                             <form method="post" action="/upload/" id="formfield">
                                 {% csrf_token %}
                                 <div class="form-group">
                                    <label for="upload">آپلود عکس:</label>
                                    <input type="file" class="form-control" id="upload" name="upload"/>
                                </div>
                                 <div class="form-group">
                                    <label for="sides">چند رو بودن(1-پشت/2-جلو/3-هر دو طرف):</label>
                                    <input type="text" class="form-control" id="sides" name="sides"/>
                                 </div>
                                <button id="submit" type="submit" class="btn btn-default" data-dismiss="modal">ذخیره</button>
                            </form>
                         </div>
                        </div>

                      </div>
                    </div>

对不起，如果表格是波斯语。视图.py

def upload(request):
    if request.method=='POST':
        print "entered upload"
        image=request.POST.get('upload', False)
        sides=request.POST.get('sides', False)
        design=Design.objects.create(image=image, sides=sides)
        return HttpResponseRedirect("/home/")

因为我可以t submit my modal it doesnt 甚至在views.py 中输入我的upload def。任何帮助将不胜感激:)

【问题讨论】：

如果您正在处理表单中的文件，您需要enctype="multipart/form-data" 作为表单属性。在视图中，你会做request.FILES.get(...)。在这种情况下，您最好使用 django 表单 - 出于安全性、文件类型验证等原因。
另外，请检查浏览器的控制台，看看您是否遇到任何 404 或 500。
上次我遇到过这样的问题。使用引导模式制作表单，然后按提交按钮。什么也没有发生。太奇怪了吧。你知道是什么问题吗？该问题实际上是由在输入类型提交属性上定义的相同名称引起的。就像你的 id 和 type 属性与 submit 名称一样..尝试更改 id 名称..不确定此解决方案是否适用于这种情况..
谢谢@karthikr，你帮了大忙。我照你说的做了。再次感谢:)
@NorlihazmeyGhazali 谢谢你。你是对的 id 事情有时会导致问题，但在这种情况下它不是我的。感谢您以任何方式提供帮助。

标签： jquery python django twitter-bootstrap

【解决方案1】：

提交按钮上有data-dismiss="modal"，这是一个用于关闭模式框的引导处理程序。引导程序正在捕获此事件并阻止默认提交事件，因为它的目的是关闭模式。只需从提交按钮中删除 data-dismiss="modal" 即可。同时遵循karthikr的提示

【讨论】：

谢谢老兄！你是救命稻草。我删除了 data-dismiss="modal" 并且它起作用了！ =O
@ParmisMoghadamian 很高兴我帮助了你。如果您认为答案有效，可以将答案标记为accepted。
是的！这一直让我发疯！谢谢！