easyui是一種基于jQuery的用戶界面插件集合。接下來(lái)通過(guò)本文給大家介紹jQuery Easyui 驗(yàn)證兩次密碼輸入是否相等的相關(guān)知識(shí),感興趣的朋友一起學(xué)習(xí)吧
什么是 jQuery EasyUI
jQuery EasyUI 框架提供了創(chuàng)建網(wǎng)頁(yè)所需的一切,幫助您輕松建立站點(diǎn)。
easyui 是一個(gè)基于 jQuery 的框架,集成了各種用戶界面插件。
easyui 提供建立現(xiàn)代化的具有交互性的 javascript 應(yīng)用的必要的功能。
使用 easyui,您不需要寫太多 javascript 代碼,一般情況下您只需要使用一些 html 標(biāo)記來(lái)定義用戶界面。
HTML 網(wǎng)頁(yè)的完整框架。
easyui 節(jié)省了開(kāi)發(fā)產(chǎn)品的時(shí)間和規(guī)模。
easyui 非常簡(jiǎn)單,但是功能非常強(qiáng)大。
Jquery easyui是一個(gè)非常好的ui框架,但是表單驗(yàn)證中沒(méi)有最常用的判斷兩個(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庫(kù)。
以上內(nèi)容是小編給大家介紹的jQuery Easyui 驗(yàn)證兩次密碼輸入是否相等的相關(guān)知識(shí),希望對(duì)大家有所幫助