您的位置:首页 > Web前端 > JQuery

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

2013-10-24 15:25 447 查看
正确引入MVC4 jquery验证的相关文件

<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"))
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: