为什么即使密码匹配后也没有提交我的表格？

Question

这是我的脚本，形式为id =“ details”

<script type="text/javascript">
function onLoad() {
    $("#password").keyup(passCheck);
    $("#repeatpass").keyup(passCheck);
}
function passCheck() {
    var password = $("#password").val();
    var repeatpass = $("#repeatpass").val();
    if (password == repeatpass) {
        $("#matchpass").text("Passwords match");
        $("#matchpass").addClass("valid");
        $("#matchpass").removeClass("error");
        $("#details").submit(true);

    } else {
        $("#matchpass").text("Passwords donot match");
        $("#matchpass").addClass("error");
        $("#matchpass").removeClass("valid");
        $("#details").submit(false);

    }
}
$(document).ready(onLoad);
</script>

我想知道为什么不提交我的表单（id =“ details”），并且如果有人可以解释此结构的工作原理，则对我会有所帮助。 谢谢

Answer 1

工作提琴 。

使用$("#details").submit()代替$("#details").submit(true); 并删除$("#details").submit(false); 。

希望这可以帮助。

Answer 2

对于初学者，您无需在else块中进行.submit调用。

此代码分为三个步骤：

（1） .ready命令告诉jQuery，当页面准备就绪时，应执行名为onLoad的函数。

（2） onLoad函数告诉您，当按下键盘上的某个键时，应该调用passCheck函数。

（3） passCheck函数检查两个文本是否相等，如果相等，则提交表单，否则不提交（即，根本不应该调用.submit）。

最初两个密码可能都是空的，所以它们是相等的，并且尝试了.submit ，但是由于出现错误而导致脚本停止工作的错误。 之后，脚本将完全停止工作。

上面提到的有关HTML代码请求的注释和提供给.submit的参数的.submit都是正确的。

Answer 3

您不应在submit函数中传递参数，请删除$("#details").submit(true); 和$("#details").submit(false); 它不在jquery API中编写此代码片段，将更好地使用：

$( "form" ).submit(function(event) {
  if ( $( "span" ).hasClass('error')) {
   alert('prevented');
   event.preventDefault();
 }
 return;
});

小提琴链接