Javascript 更正验证错误后,jquery验证提交按钮不工作
使用jQuery验证插件时(http://docs.jquery.com/Plugins/Validation/validate): 我需要以下行为:在用户按下submit时立即进行验证(我使用的是ajax post请求,而不是实际提交) 但是会发生以下情况:只要按下submit,验证就会运行,在适用的情况下,我会得到一个验证错误,然后当我纠正错误并按下submit时,表单会得到重新验证,但是当没有验证错误时,不会发出ajax post,只有表单会得到验证 当第一个实例中没有验证错误时,post会立即生成,就像它应该做的那样 我有以下资料:Javascript 更正验证错误后,jquery验证提交按钮不工作,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,使用jQuery验证插件时(http://docs.jquery.com/Plugins/Validation/validate): 我需要以下行为:在用户按下submit时立即进行验证(我使用的是ajax post请求,而不是实际提交) 但是会发生以下情况:只要按下submit,验证就会运行,在适用的情况下,我会得到一个验证错误,然后当我纠正错误并按下submit时,表单会得到重新验证,但是当没有验证错误时,不会发出ajax post,只有表单会得到验证 当第一个实例中没有验证错误时,post
<script type="text/javascript">
$(document).ready(function(){
$("#form").validate({
onkeyup: false,
onclick: false,
onsubmit: true,
rules: {
telNR: {
required: true,
digits: true,
minlength: 10
}
},
messages: {
telNR: {
required: "Fill in a valid telephone NR",
minlength: "A telephoneNR is 10 characters long",
digits: "Use only numerics"
}
},
submitHandler: function(form) {
var jqxhr = $.post("sendMail.php", { telNR: $("#telNR").val() },
function(data) {
alert("Done");
})
.error(function(jqXHR){
alert("Error");
});
}
});
})
</script>
$(文档).ready(函数(){
$(“#表格”)。验证({
onkeyup:false,
onclick:false,
问题:是的,
规则:{
电话号码:{
要求:正确,
数字:对,
最小长度:10
}
},
信息:{
电话号码:{
必填:“填写有效的电话号码”,
minlength:“电话号码长度为10个字符”,
数字:“仅使用数字”
}
},
submitHandler:函数(表单){
var jqxhr=$.post(“sendMail.php”,{telNR:$(“#telNR”).val()},
功能(数据){
警惕(“完成”);
})
.错误(函数(jqXHR){
警报(“错误”);
});
}
});
})
您可能有一些重影验证错误。尝试将以下内容添加到选项中,以清除窗体焦点上的错误:
focusCleanup: true