MVC中 jquery validate 不用submit方式验证表单或单个元素

时间:2023-11-24 20:19:14
<script src="/Scripts/jquery-1.4.4.js"></script>
<script src="/Scripts/jquery-1.7.1.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>

1、如果表单是submit方式提交,在提交时会自动验证。 2、如果不是submit提交,比如在js以方法中调用document.form.submit()方式,这时验证表单可用如下方式:

function validateForm() {
//validate方法参数可选
return $("#form1").validate({
rules: {
},
messages:{
},
showErrors:showErrors
}).form();
} function doSubmit(){
//do other things
//验证通过后提交
if(validateForm()){
document.form1.submit()
}
}

3、验证一个单独的表单元素

function validateForm() {
//验证id="form1"的表单中id="salary"的表单元素
$("#form1").validate().element($("#salary"))
}