jQuery Validation Plugin 

jQuery外掛jQuery.validate表單驗證

官網 : http://jqueryvalidation.org/

基本功能可以參考這篇文章  http://www.cc.ntu.edu.tw/chinese/epaper/0033/20150620_3307.html

進階功能1 : 例如檢查欄位(name)只能輸入英文或數字.

以下是範例:

   $.validator.addMethod("regex", function(value, element, regexpr) {          

                         return regexpr.test(value);

  },"請輸入英文或數字!");

$( "#registerForm" ).validate({

  rules: {                         

name:{ 

      regex: /^[a-zA-Z0-9]+$/ 

}

  }

});  

  

進階功能2 : 可以顯示不同的語言

例如 : 出現 中文或英文

2-1  javascript修改如下(紅色字體部分)

    $.validator.addMethod("regex", function(value, element, regexpr) {          

                         return regexpr.test(value);

  }, jQuery.validator.messages.letterOrNumbers );

2.2 兩個js檔案必須各自增加一行

2.2.1  jquery-validation-1.13.1\dist\localization\messages_zh_TW.js 

          增加(紅色字體部分) :   

$.extend($.validator.messages, {

......................

,letterOrNumbers : "請輸入英文或數字!"

});

2.2.2  /jquery-validation-1.13.1/dist/jquery.validate.js

          增加(紅色字體部分) :   

,letterOrNumbers : "Please enter letters and numbers only!"