官方<https://github.com/jaywcjlove/validator.js> ~~~ var validator = new Validator('form1',[ { name: 'openid', display:"不能為空|必須正數", regexp_num:/^[0-9]+$/, rules: 'required|regexp_num' } ],function(obj,evt){ if(obj.errors.length>0){ var error_str = ''; for (var i = 0; i < obj.errors.length; i++) { error_str =obj.errors[i].message; obj.errors[i].element.setAttribute('style', 'border:1px solid red') alert(error_str);return false; } } }) validator.validate();//驗證失去焦點 ~~~ - `name` -> input 中 `name` 對應的值 - `display` -> 驗證錯誤要提示的文字 `{{這個中間是name對應的值}}` - `rules` -> 一個或多個規則(中間用`|`間隔) - `is_email` -> 驗證合法郵箱 - `is_ip` -> 驗證合法 ip 地址 - `is_fax` -> 驗證傳真 - `is_tel` -> 驗證座機 - `is_phone` -> 驗證手機 - `is_url` -> 驗證URL - `is_money` -> 金額格式驗證 - `is_english` -> 字母驗證 - `is_chinese` -> 中文驗證 - `is_percent` -> 驗證百分比 - `required` -> 是否為必填 - `max_length` -> 最大字符長度 - `min_length` -> 最小字符長度 - `same(field)` -> 指定字段內容是否相同 - `different(field)` -> 拒絕與某個字段相等,比如登錄密碼與交易密碼情況 - `contains(field)` -> 直接判斷字符串是否相等 - `accepted(field)` -> 用于服務條款,是否同意時相當有用,不限制checkbox與radio,有可能submit button直接附帶value情況 ```js { //name 字段 name: 'email', display:"你輸入的不{{email}}是合法郵箱|不能為空|太長|太短", // 驗證條件 rules: 'is_email|max_length(12)' // rules: 'valid_email|required|max_length(12)|min_length(2)' } ```