ASP.NET MVC unobtrusive Cheat Sheet

需要一個 client side 的 JavaScript validation library. 而使用 ASP.NET MVC 當然最好使用 jQuery.validate.unobtrusive.js，雖然還是有一點不好用啦!
然而每次都要到 google 找資料也是很累，不如自己做一個清單好了。

		值	說明
	data-val	true, false	是否要驗證
長度限制	data-val-length	字串	字串長度不符合時的錯誤訊息
	data-val-length-max	整數	字串最大長度
	data-val-length-min	整數	字串最小長度
必填	data-val-required	字串	未填入時的錯誤訊息
RegEx	data-val-regex	字串	錯誤訊息
	data-val-regex-pattern	字串	regex
數字	data-val-digits	字串	錯誤訊息。只接受數字字元。
	data-val-number	字串	錯誤訊息。只接受數字(正負)
日期	data-val-date	日期	錯誤訊息。只接受日期。
Email	data-val-email	字串	錯誤訊息
Url	data-val-url	字串	錯誤訊息
範圍	data-val-range	字串	錯誤訊息
	data-val-range-min	整數
	data-val-range-max	整數
比較	data-val-equalto	字串	錯誤訊息
	data-val-equalto-other	驗證項目的name
驗證訊息	data-valmsg-for	驗證項目的name	驗證訊息
附檔名限制	data-val-accept	字串	錯誤訊息
	data-val-accept-exts	字串	Ex: “jpg|gif|png”

範例見黑大的 使用jQuery.validate.unobtrusive.js

動態驗證的 JavaScript

self.save = function() {
        var form = $('#editForm');
        form.removeData("validator");
        $.validator.unobtrusive.parse(form); 
        form.validate();
        if (form.valid()) {
          var url = form.attr('action');
          var postData = form.serialize()
            + "&field1=" + self.field1();
          $.post(url, postData, function(data) {
            if (data.IsOk) {
              alert("已儲存");
            } else {
              alert(data.Message);
            }
          });
        }
      };