于是在之前的開發(fā)之中慢慢開始總結(jié)，也寫了一些零散的方法想要比較簡(jiǎn)單的，寫更少的代碼來完成更多的驗(yàn)證。之前采用的思路是傳遞參數(shù)，將要驗(yàn)證的控件的ID傳進(jìn)去，若是要驗(yàn)證數(shù)據(jù)格式再傳入相應(yīng)的正則表達(dá)式進(jìn)去。項(xiàng)目結(jié)束之后，再對(duì)整個(gè)項(xiàng)目做總結(jié)的時(shí)候發(fā)現(xiàn)，這種寫法也并沒有節(jié)省多少代碼量，而且很多地方因?yàn)橥瑢W(xué)反應(yīng)說我寫的那個(gè)庫(kù)并不是很好用，雖然有說明，但他們也還是不能很好的理解，不能很快就上手,而且應(yīng)該還是有不少BUG，所以很多地方他們還是寧愿用那種對(duì)每個(gè)控件去一一驗(yàn)證的方式，一個(gè)JS文件中光驗(yàn)證的部分就得兩三百行的代碼，而且都比較懶，對(duì)于注釋是能少寫一句是一句，以致于出了問題之后維護(hù)起來也很麻煩，JS調(diào)試也還沒有一個(gè)很方便的工具。
最近也是在外出差，空閑的時(shí)候我就在想，能不能在之前的基礎(chǔ)上封裝更多一點(diǎn)，然后調(diào)用更方便呢，最好是調(diào)用的時(shí)候不要再寫JS代碼最好。想起jQuery強(qiáng)大的選擇器，以及之前做驗(yàn)證的時(shí)候或者需要從頁(yè)面取值的時(shí)候經(jīng)常給頁(yè)面元素加上了一些自定義的屬性。于是乎，想做驗(yàn)證的時(shí)候只需要給元素加上幾個(gè)自定義的屬性，調(diào)用JS代碼就行，這樣應(yīng)該是最簡(jiǎn)單的了吧。
這個(gè)簡(jiǎn)易的驗(yàn)證庫(kù)，應(yīng)該能完成90%的基本驗(yàn)證，包括失去焦點(diǎn)時(shí)的驗(yàn)證，以及點(diǎn)擊提交按鈕時(shí)的驗(yàn)證。后端的那我就無能為辦了，只能是誰用就誰自個(gè)兒去寫了：）。
先上一段調(diào)用的代碼吧，JS代碼說少也不少了，就不直接貼出來了，文章后面上附件，還包括一個(gè)我之前自己寫的一個(gè)仿人人網(wǎng)的插件的JS文件。

比如驗(yàn)證郵箱：
有時(shí)候郵箱我們是允許為空的，但是一旦輸入了郵箱就要求郵箱是合法的。如果允許為空就給empty賦值為true,那么驗(yàn)證庫(kù)將不對(duì)其做非空驗(yàn)證。若為false或者empty屬性不加默認(rèn)就為是不允許為空的。 不允許為空得加上一個(gè)emptyErrorMsg的屬性，用來顯示為空時(shí)的錯(cuò)誤信息，若這個(gè)屬性缺少或者值為空那么顯示的就是一個(gè)紅色"*"，若不為空就顯示這個(gè)屬性的值。然后就是對(duì)格式的驗(yàn)證，是要對(duì)郵箱驗(yàn)證，validata的值就是email,若不合法時(shí)就顯示另外一個(gè)自定義屬性errorMsg的值,errorMsg若缺少或者為空顯示錯(cuò)誤信息也為紅色"*".
validata的值還是不能完全自定義的，已經(jīng)在JS中自定好了。就是根據(jù)validata的值來返回不同的正則表達(dá)式。方法如下，然后可選的validata的值就是下列方法的regName的值。用戶若要據(jù)展直接再加上其他表達(dá)式就可以了。

廢話不多說了，該驗(yàn)證庫(kù)也還沒有很完整的測(cè)試，各位大牛們?nèi)羰怯信d趣試用一下，發(fā)現(xiàn)什么問題或者其他更好的改進(jìn)方法一定請(qǐng)告訴小弟。雖然肯定有現(xiàn)成的而且比較成熟的JS驗(yàn)證庫(kù)了，但是我想自己寫一個(gè)出來。再來一張截圖吧，點(diǎn)擊按鈕時(shí)若未通過驗(yàn)證則彈出層提示哪個(gè)地方未通過驗(yàn)證，彈出層就是我之前自己寫的仿人人網(wǎng)效果的彈出層效果。