很久沒寫文章了，最近由於咱們公司的乙個minipad(win8介面)專案，對前段要求通用的比較多，所以涉及前段的這塊比較多。
先上圖，專案介面預覽：
今天要講的東西，就是通用的驗證。這裡要非常的感謝大神「葉小釵」的文章給予我的幫助。
類似驗證效果如圖：
//呼叫： 2
//data-val=""/>
3(function ($) ;89
//********************************************
10//
----------現有可提供的列舉驗證型別----------
11//
********************************************
12this.regexenum =|[0-9])([0-9]|x)$/, //
身份證14 num: /^\-?([1-9]\d*)$/, //
數字15 email: /^([0-9a-za-z\-_\.]+)@@([0-9a-z]+\.[a-z](\.[a-z])?)$/, //
郵箱16 phone: /^1[3|4|5|8]\d$/, //
**17 chinese: /^[\u0391-\uffe5]$/, //
2-6位中文
18 password: /^[a-za-z0-9_]$/ //
6-16位密碼驗證19}
2021
};22
23 formvalidatecommon.prototype.init =function () )
29};
3031 formvalidatecommon.prototype.inititem =function (el, inserttype)
40//
若是未開啟驗證便退出該項初始化
41if (cfg.check && cfg.check == false
) 44
45if (cfg && cfg.length > 0
) 64
else
67 cfg.el =el;
68 cfg.tipel =tips;
6970
//該表單的驗證
71 cfg.validate =function () ;
7475
() );
7879
el.blur(function () );
8283 scope.validatorarr[id] = cfg; //
生成相關驗證物件84}
85};
86 formvalidatecommon.prototype.funcvalidate =function (cfg)
99var type =cfg.type;
100var regexobj = cfg.regexobj; //
使用者擴張的驗證
101var ajaxobj = cfg.ajaxobj; //
ajax擴張的驗證
102var compareobj = cfg.compareobj; //
對比驗證
103var msg = ''
;104
var ispass = 1; //
105//
首先驗證非空
106if
(cfg.requred)
111}
112//
type優先
113if (ispass == 1 && el.val().length > 0 && typeof type == '
string
') else
122}
123//
當type驗證通過，則執行自身驗證
124if (ispass == 1 && el.val().length > 0 &®exobj) else
133}
134135
if (ispass == 1 && el.val().length > 0 &&compareobj)
147148
if (_flag == '='
) else
155}
156}
157}
158159
160//
ajax驗證
161if (ispass == 1 && el.val().length > 0 &&ajaxobj) ;
166 _param[ajaxarr[1]] =el.val();
167$.post(url, _param, function (data)
171if
(data.code) else
177showresult(_this, ispass);
178});
179return
false; //
在此中斷後操作
180}
181}
182showresult(_this, ispass);
183//
----------顯示訊息----------------
184function showresult(scope, ispass) else
if (ispass == 1
) 194
else
if (ispass == -1
) 198
}199
};200 formvalidatecommon.prototype.validatorall =function ()
205};
206 formvalidatecommon.prototype.validatorstate =function ()
212}
213return
true
;214
}215 window.formvalidatecommon =formvalidatecommon;
216 })(jquery);
js總結：一首js**只需要小部分改改就可以實現自己想要的通用驗證！
通用登入驗證
登入驗證在之前webform架構時期，主要是儲存session，儲存在伺服器的記憶體中，至於客戶端如何區分.net做了很多任務作，以至於不用操作這塊如何實現。到了現在的core，是更加的靈活，需要我們自己來實現了，原理大同小異。使用者在登入註冊頁面輸入帳號密碼進行登入，驗證通過後，生成個隨機toke...
jQuery validate 驗證外掛程式
jquery 1 required true 必輸字段 2 remote check.php 使用ajax方法呼叫check.php驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 date true 必須輸入正確格式的日期 日期校驗ie...
jquery validation驗證外掛程式
序號規則描述1 required true 必須輸入的字段。2remote check.php 使用 ajax 方法呼叫 check.php 驗證輸入值。3email true 必須輸入正確格式的電子郵件。4url true 必須輸入正確格式的 5date true 必須輸入正確格式的日期。日期校驗...