提交表单时，javascript blockUI在firefox中不起作用_Javascript_Django_Python 2.7_Jquery Blockui

提交表单时，javascript blockUI在firefox中不起作用

javascript django python-2.7

提交表单时，javascript blockUI在firefox中不起作用,javascript,django,python-2.7,jquery-blockui,Javascript,Django,Python 2.7,Jquery Blockui,我添加到我的html页面，并在脚本中使用它。我的HTML页面是： <form class="form-horizontal" role="form" id="form" method="POST" > <button type="submit" class="btn btn-default btn_red" id="btnSubmit&quo

我添加到我的html页面，并在脚本中使用它。我的HTML页面是：

<form class="form-horizontal" role="form" id="form" method="POST" >
    <button type="submit" class="btn btn-default btn_red" id="btnSubmit">Submit</button>
</form>
{% block customjs %}
    <script src="js/jquery.blockUI.js"></script>
    <script type="text/javascript">
        $(document).ajaxStop($.unblockUI);
        $(document).ready(function() {
            $("#form").submit(function(){$.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
        });
    </script>
{% endblock %}

它不起作用。最后我也试了一下

$("#btnSubmit").click(function(){$.blockUI({ message: '<h4><img src="/image/gears.gif" />Please wait...</h4>' }); 
});

$（“#btnSubmit”）。单击（函数（）{$.blockUI（{消息：'请稍候…'）；
});

这在firefox中也不起作用。但是在Chrome工作。所以，请给我一个如何在firefox上运行的解决方案。我正在创建一个PythonDjango项目，如果不完成，我就无法继续我的项目

谢谢

您的第一个代码片段似乎有错误，它缺少

document.ready（）的结尾。您还尝试过防止表单提交时出现默认值
我已经用preventDefault（）
测试过了，并且似乎正在firefox和chrome上工作。WithountpreventDefault（）
提交后控制台上应该会有错误


JS-Bin
提交
$（文档）.ajaxStop（$.unbui）；
$（文档）.ready（函数（）{
$（“#表格”）。提交（功能（e）{
e、 预防默认值（）；
$.blockUI（{消息：'请稍候…'）；
})
})
之前答案中的代码不允许执行表单，至少在sails.js中是这样，但我删除了e.preventDefault（）行，一切正常
<!DOCTYPE html>
<html>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
    <script src="http://malsup.github.io/jquery.blockUI.js"></script>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Multiple file upload in Sails</title>
</head>
<body>
<!-- enctype="multipart/form-data" -->
<form id="uploadForm"
      enctype="multipart/form-data"
      action="/file/upload"
      method="post">
        <input type="file" name="uploadFile" multiple/>
        <input type="submit" value="submit"/>
</form>
<script type="text/javascript">
$(document).ajaxStop($.unblockUI);
$(document).ready(function(){
$("#uploadForm").submit(function(){
    $.blockUI({ message: '<h4><img src="/images/6.gif" />Please wait...</h4>' });
})
})
</script>
</body>
</html>


Sails中的多文件上传
$（文档）.ajaxStop（$.unbui）；
$（文档）.ready（函数（）{
$（“#uploadForm”）.submit（函数（）{
$.blockUI（{消息：'请稍候…'）；
})
})
您是否能够看到任何javascript控制台错误？如果是这样，请粘贴相同的..@AbijithMg No errorsTry以将其包含在html文件的顶部。我将其包含在我的html中。document.ready中缺少一个“}）”。但它在Chrome中不起作用，也可能因为复制/粘贴而丢失…你能分享你得到的错误吗，它似乎在处理我的代码段。嗨@azs06，我运行了你的代码，BlockUI出现了，但表单没有发送处理！提交不再有效。你有什么想法吗？
<!DOCTYPE html>
<html>
    <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
    <script src="http://malsup.github.io/jquery.blockUI.js"></script>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Multiple file upload in Sails</title>
</head>
<body>
<!-- enctype="multipart/form-data" -->
<form id="uploadForm"
      enctype="multipart/form-data"
      action="/file/upload"
      method="post">
        <input type="file" name="uploadFile" multiple/>
        <input type="submit" value="submit"/>
</form>
<script type="text/javascript">
$(document).ajaxStop($.unblockUI);
$(document).ready(function(){
$("#uploadForm").submit(function(){
    $.blockUI({ message: '<h4><img src="/images/6.gif" />Please wait...</h4>' });
})
})
</script>
</body>
</html>