easy UI的密碼長度以及重復輸入驗證 -开发者知识库

easy UI的密碼長度以及重復輸入驗證 -开发者知识库,第1张

自己些項目的時候找的時候也找了一會,所以存下來下次用的時候可以直接用了。

話不多說,直接上代碼

 1            <tr>
2 <td>密碼:</td>
3 <td><input class="easyui-validatebox easyui-textbox" id="pwd" type="password" name="userInfo.pwd"
4 data-options="iconCls:'icon-lock',required:true,validType:'length[6,12]',
                 missingMessage:'請輸入密碼'"/> 5  </td>
6   </tr>
7 <tr>
8 <td>確認密碼:</td>
9 <td><input id="reTypePwd" name="userInfo.pwdref" type="password" validType="length[6,16]"
10 required="true" class="easyui-validatebox easyui-textbox" data-options="iconCls:'icon-lock',
11 required:true,validType:'equalTo[\'#pwd\']', invalidMessage:'再次輸入的密碼不一致',
              missingMessage:'請再輸入一次密碼'"/></td>12 </tr>

 

$.extend($.fn.validatebox.defaults.rules, {
/*必須和某個字段相等*/
equalTo: {
validator:function(value,param){
return $(param[0]).val() == value;
},
message:'兩次輸入的密碼不一致'
}
});

 

1:在再次輸入密碼的 input 里面加入  validType="equalTO[\'#pwd\']" 屬性即可 [pwd為上一個密碼的ID]

2:長度驗證 假如validType:'length[6,12]'   里面的數字自己根據需求修改

最佳答案:

本文经用户投稿或网站收集转载,如有侵权请联系本站。

发表评论

0条回复