我有一个简单的注册表格,其中包含以下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代码块中添加以下代码找到了解决方案:
$("#registerForm").submit(function(){
if($("#registerForm").valid()){
xmlhttpPost('register.php', 'registerForm', 'signup-box');
}
return false;
});
submitHandler
- 它会在表单提交且有效时触发。你现在的做法会多次进行验证。 - Ryley