/**
* @author 孙宇
*
* @requires jQuery,EasyUI
*
* 扩展validatebox,添加验证两次密码功能
*/
$.extend($.fn.validatebox.defaults.rules, {
eqPassword : {
validator : function(value, param) {
return value == $(param[0]).val();
},
message : '密码不一致!'
}
});
先扩展validatebox
使用的时候,
<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>


- 大小: 6.9 KB
分享到:
相关推荐
在`extendvalidate.js`中,开发者可以通过定义新的验证函数来扩展EasyUI的验证功能。例如,我们可以定义一个验证日期范围的函数: ```javascript $.extend($.fn.validatebox.defaults.rules, { dateRange: { ...
在此基础上,我们探讨如何利用jQuery Easyui实现一个常见的表单验证功能——验证两次输入的密码是否相等。 在实际的Web开发过程中,我们需要确保用户在注册或更改密码时输入的密码和确认密码是相同的。为了在用户...
在jQuery EasyUI中,validatebox是一个提供验证功能的组件,它允许开发者对用户的输入进行各种条件的校验。 在本文中,我们对jQuery EasyUI中validatebox组件提供的常用数据验证进行了汇总。以下是一些关键的验证...
此外,还包括了一些扩展功能如插件开发等。 ##### 1. 属性(Properties) 属性定义了组件的基本行为和外观,例如大小、位置、颜色等。这些属性通常在组件初始化时设置,并可以通过 API 方法进行修改。 - **定义...
确认密码:<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="两次输入密码不匹配"/> ``` 然而,在某些...