Eova UI Validator 完美解決方案

魔都隨筆：

2015年7月29日，天氣炎熱

突然很傷感，不知道爲何。

 

昨天爲了給Eova尋找適配最合適的UI校驗框架，從23點 一直到 04:21，最後由於 UI顯示問題卡住了，沒有辦法只能先睡。

洗完澡，躺牀上，怎麼也睡不着。內心懸了一塊大石頭。只能反覆，回顧，API和文檔的各類細節 不知不覺...

 

從Eova創造之初，UI校驗的優先級，就被放的很低，可是又是一個所必須的功能，又要規則齊全，又要功能強大，還要靈活，還要簡單易用。

 

不少時候，尋找和被找到 都是一種緣分。在對的時間 對的地點遇到合適的人和事。

感謝(老A)提供的精神幫助，感謝Nice的做者(Jony)提供的優質校驗框架，國產加油，國產萬歲，OSC萬歲！

再次呼籲，有好的精髓的框架、方案，必定要@我，防止錯過！

 

10年前開始構思GMS...

７年前開始學習Java，一直在追夢。

3年前開始構思Eova

一直到昨天，夢醒了，蛋碎了一地。昨天已再也不是昨天。

一直到今天，義無反顧的走上了開源這條不歸路。

 

敢問將來的路在何方，咱們爲何要活着，你幸福嗎？

 

別哭 親愛的同窗們      
今夜我如曇花綻開

不要告訴我永恆是什麼      
我在最燦爛的瞬間毀滅

...

---

Form校驗效果：

非空：

字符串長度限制：

用戶名正則：

數值範圍限制：

QQ格式：

---

除了上述幾種，目前的規則足夠支持常見各類校驗，能夠自定義正則，異步ajax校驗！詳情以下！

---

內置規則（rules）

公共定義：    
1. 數值範圍使用波浪線（~）表示，例如：6~（大於等於6）、~6（小於等於6）、6~16（6到16）    
2. 大小比較使用 lt（小於）、lte（小於等於）、gt（大於）、gte（大於等於）、eq（等於）表示    
3. 若是某個規則能夠帶參數，參數要使用方括號（[]）或者圓括號（()）括起來，取決於你的習慣

預設規則：

rules: {

            digits: [/^\d+$/, "請輸入數字"]

            ,letters: [/^[a-z]+$/i, "{0}只能輸入字母"]

            ,tel: [/^(?:(?:0\d{2,3}[\- ]?[1-9]\d{6,7})|(?:[48]00[\- ]?[1-9]\d{6}))$/, "電話格式不正確"]

            ,mobile: [/^1[3-9]\d{9}$/, "手機號格式不正確"]

            ,email: [/^[\w\+\-]+(\.[\w\+\-]+)*@[a-z\d\-]+(\.[a-z\d\-]+)*\.([a-z]{2,4})$/i, "郵箱格式不正確"]

            ,qq: [/^[1-9]\d{4,}$/, "QQ號格式不正確"]

            ,date: [/^\d{4}-\d{1,2}-\d{1,2}$/, "請輸入正確的日期,例:yyyy-mm-dd"]

            ,time: [/^([01]\d|2[0-3])(:[0-5]\d){1,2}$/, "請輸入正確的時間,例:14:30或14:30:00"]

            ,ID_card: [/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[A-Z])$/, "請輸入正確的身份證號碼"]

            ,url: [/^(https?|ftp):\/\/[^\s]+$/i, "網址格式不正確"]

            ,postcode: [/^[1-9]\d{5}$/, "郵政編碼格式不正確"]

            ,chinese: [/^[\u0391-\uFFE5]+$/, "請輸入中文"]

            ,username: [/^\w{3,12}$/, "請輸入3-12位數字、字母、下劃線"]

            ,password: [/^[0-9a-zA-Z]{6,16}$/, "密碼由6-16位數字、字母組成"]

            ,accept: function (element, params){

                if (!params) return true;

                var ext = params[0];

                return (ext === '*') ||

                       (new RegExp(".(?:" + (ext || "png|jpg|jpeg|gif") + ")$", "i")).test(element.value) ||

                       this.renderMsg("只接受{1}後綴", ext.replace('|', ','));

            }

            

        }
 

作網站後臺管理系統，就用EOVA快速開發