Js代码
- /**
- * @author admin
- *
- * @requires jQuery,EasyUI
- *
- * 扩展validatebox,添加验证两次密码功能
- */
- $.extend($.fn.validatebox.defaults.rules, {
- eqPassword : {
- validator : function(value, param) {
- return value == $(param[0]).val();
- },
- message : '密码不一致!'
- }
- });
先扩展validatebox
使用的时候,
Html代码
- <form id="modifyPwdForm" method="post">
-
- <input name="ids" type="hidden" />
-
- <table class="tableForm">
-
- <tr>
-
- <th>新密码</th>
-
- <td><input name="cpwd" type="password" class="easyui-validatebox" required="true" missingMessage="请填写新密码" /></td>
-
- </tr>
-
- <tr>
-
- <th>重复</th>
-
- <td><input name="recpwd" type="password" class="easyui-validatebox" required="true" missingMessage="请再次填写新密码" validType="eqPassword['#modifyPwdForm input[name=cpwd]']" /></td>
-
- </tr>
-
- </table>
-
- </form>
另附两种验证方法:
1.纯客户端验证
使用easyui控件中的validatebox,配置required='true'等
2.Ajax验证
$("#password").validatebox({required:"true" ,validType:"remote['"+js+"system/validatePasswordOperator.action','password']",invalidMessage:"原密码输入不正确"})
3.验证未通过禁止SUBMIT
$('#addEmployee').form({
url:'admin/employee/add',
onSubmit:function(){
return $(this).form('validate');
},
success:function(data){
alert(data);
}
});