无法在Bootstrap中提交我的模式表格

Question

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>

对不起，如果表格是波斯语。views.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 doesn什至无法upload在views.py中输入我的定义。任何帮助将不胜感激 ：）

Answer 1

您具有data-dismiss="modal"“提交”按钮，这是用于关闭模式框的引导处理程序。引导程序正在捕获此事件并阻止默认的Submit事件，因为它的目的是关闭模式。只需删除“ data-dismiss="modal"提交”按钮，就可以了。也请遵循提示karthikr