AJAX 提交之前的 jQuery 验证

Question

我有一个简单的注册表单，其中包含以下 jQuery 验证代码:

$(document).ready(function(){

    $("#registerForm").validate({

    rules: {

    Username: {required: true, minlength: 6},   
    Password: {required: true, minlength: 6},
    re_Password: {required: true, equalTo: "#Password"} 

    },

    });     
});

在我提交表单之前它会正确验证。

当我还想对表单进行 AJAX 提交时，问题就出现了，因为表单不再验证并在没有验证的情况下提交:

<form id="registerForm" action="register.php" method="post" onsubmit="xmlhttpPost('register.php', 'registerForm', 'signup-box'); return false;">

默认有效的是:

<form method="post" id="registerForm" action="register.php">

请，如果有人能给我指出正确的方向或给我一些解决这个问题的起点，我将不胜感激。

谢谢。

<小时/>

感谢 Kundan Singh Chouhan，我找到了将以下代码添加到 document.ready block 的解决方案:

$("#registerForm").submit(function(){

    if($("#registerForm").valid()){

        xmlhttpPost('register.php', 'registerForm', 'signup-box'); 

   }

return false;

});

Answer 1

我认为您应该使用 JQuery Validator 的提交处理程序，如下所示:

$('#id_of_form').validate(){

    // rules and messages

    submitHandler: function(form) {

    // place your code for Ajax Request here...

    }
}