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

正确引入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"))
}

转载于:https://www.cnblogs.com/wpf123/p/4029347.html