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