怎樣更靈活的是使用jquery.validate--未完待續

標籤：name   nbsp   pre   ida   end   return   通過   .class   log   

jqueryValidate的具體使用方法很多，這裡就不在贅述，這一次只談一下怎樣簡單的實現表單驗證。

頁面引入js

 <script src="~/js/jquery-migrate-1.8.1.min.js"></script> <script src="~/Scripts/jquery.validate.js"></script> <script src="~/Scripts/jquery.metadata.js"></script>//封裝了對validate更簡潔的調用

簡單驗證方式

 <input id="ssp" class="required" />

引用metadata之後就可以所有直接標籤定義驗證內容和錯誤訊息

  <input class="{validate:{ required :true},messages:{ required:‘請輸入名稱‘ }}" id="ssp" />

但這樣會影響到表單正常的樣式設定，所以可以通過metadata來修改。這樣就支援在data-validation屬性中使用json格式定義

1.修改metadata中屬性初始化

 metadata : {    defaults : {        type: ‘attr‘,      name: ‘data-validation‘,//修改原屬性class為data-validation      cre: /({.*})/,      single: ‘metadata‘    },    setType: function( type, name ){      this.defaults.type = type;      this.defaults.name = name;    }}

 

2.修改了這個後發現還是不能用，最後還要修改validate.js中的class定義

classRules: function(element) {        var rules = {};        var classes = $(element).attr(‘data-validation‘);//修改class為要定義的屬性        if ( classes ) {            $.each(classes.split(‘ ‘), function() {                if (this in $.validator.classRuleSettings) {                    $.extend(rules, $.validator.classRuleSettings[this]);                }            });        }        return rules;    },

有些文檔中講到在檔案尾部通過setType來設定，就可以實現，單在我這裡並沒有得到成功的結果。

$.metadata.setType("attr", "data-validation");

 

怎樣更靈活的是使用jquery.validate--未完待續