jQuery提交不会提交表单_Jquery_Html_Css_Forms

jQuery提交不会提交表单

jquery html css forms

jQuery提交不会提交表单,jquery,html,css,forms,Jquery,Html,Css,Forms,我使用此按钮提交了一份申请： <button id="registerButton" type="submit" name="submit" style="margin-left: 300px;">Click to Complete</button> 当我去提交表单时，如果在表单上检测到错误，它将弹出警告。但是，如果没有错误，按钮将不会执行任何操作。我做错了什么？看起来您需要在函数中添加一个否则{return true；}。在表单的提交事件上绑定验证 $("#formi

我使用此按钮提交了一份申请：

<button id="registerButton" type="submit" name="submit" style="margin-left: 300px;">Click to Complete</button>

当我去提交表单时，如果在表单上检测到错误，它将弹出警告。但是，如果没有错误，按钮将不会执行任何操作。我做错了什么？

看起来您需要在函数中添加一个

否则{return true；}

。

在表单的提交事件上绑定验证

$("#formid").submit(function(e) { 
    if($(this).data('errors')){
        //display error
        e.preventDefault(); //stop the submit
    } else {
       //do something or nothing
       //but it will submit the form
    }

});

只是为了给你提供一个对我来说最简单的例子，在firefox、internet explorer、chrome和opera中。希望有帮助

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
    jQuery(document).ready(function(){

        $("#frm").submit(function(e){

            if($(this).data("errors")){
                alert("errors");
                return false;
            }
            return true;
        });
    });
</script>
</head>
<body>
    <form id="frm" action="#sent" data-errors="have errors">
        <input type="submit" />
    </form>
</body>
</html>


jQuery（文档）.ready（函数（）{
$（“#frm”）.提交（功能（e）{
if（$（this）.data（“错误”））{
警报（“错误”）；
返回false；
}
返回true；
});
});

form元素应该是submit按钮的ID还是表单的ID？不幸的是，这很有希望，但是提交表单也不起作用。当我单击提交按钮时，是否有工具可以用来查看错误发生的位置，并且没有错误？Firefox的Firebug将向您显示正在发生的任何JS错误。@Prine，就像Sicker Hipple所说的，您可以使用Firebug上的Firebug插件查看错误。我的代码不包含任何错误，因此错误在其他地方。试着做一个演示或OMG谢谢！！你把我引向了正确的方向！！在我的代码中有一些javascript电子邮件验证是松散的。。。萤火虫突然出现并告诉我。。。所以，谢谢你，它现在与你的代码完美结合。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
    jQuery(document).ready(function(){

        $("#frm").submit(function(e){

            if($(this).data("errors")){
                alert("errors");
                return false;
            }
            return true;
        });
    });
</script>
</head>
<body>
    <form id="frm" action="#sent" data-errors="have errors">
        <input type="submit" />
    </form>
</body>
</html>