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"))
}