easyui是一種基于jQuery的用戶界面插件集合。接下來通過本文給大家介紹jQuery Easyui 驗(yàn)證兩次密碼輸入是否相等的相關(guān)知識,感興趣的朋友一起學(xué)習(xí)吧
什么是 jQuery EasyUI
jQuery EasyUI 框架提供了創(chuàng)建網(wǎng)頁所需的一切,幫助您輕松建立站點(diǎn)。
easyui 是一個(gè)基于 jQuery 的框架,集成了各種用戶界面插件。
easyui 提供建立現(xiàn)代化的具有交互性的 javascript 應(yīng)用的必要的功能。
使用 easyui,您不需要寫太多 javascript 代碼,一般情況下您只需要使用一些 html 標(biāo)記來定義用戶界面。
HTML 網(wǎng)頁的完整框架。
easyui 節(jié)省了開發(fā)產(chǎn)品的時(shí)間和規(guī)模。
easyui 非常簡單,但是功能非常強(qiáng)大。
Jquery easyui是一個(gè)非常好的ui框架,但是表單驗(yàn)證中沒有最常用的判斷兩個(gè)輸出框中值相等的驗(yàn)證,所以我做了下擴(kuò)展。
/**
* @author yukaizhao
*/
$.extend($.fn.validatebox.defaults.rules, {
/*必須和某個(gè)字段相等*/
equalTo: {
validator:function(value,param){
return $(param[0]).val() == value;
},
message:'字段不匹配'
}
});
使用示例:
密碼:
<input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/>
<br/>
確認(rèn)密碼:
<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="兩次輸入密碼不匹配"/>
將validType屬性指定為equalTo['#password']即可。
當(dāng)然使用這個(gè)小插件,必須要先引用jquery easyui的js庫。
以上內(nèi)容是小編給大家介紹的jQuery Easyui 驗(yàn)證兩次密碼輸入是否相等的相關(guān)知識,希望對大家有所幫助