easy UI的密码长度以及重复输入验证

自己些项目的时候找的时候也找了一会，所以存下来下次用的时候可以直接用了。

话不多说，直接上代码

 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]'   里面的数字自己根据需求修改

转载于:https://www.cnblogs.com/jdw12306/p/6496256.html