/**
* @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
分享到:
相关推荐
easyui validatebox 验证类型
ValidateBox 也允许用户自定义验证规则,例如可以使用 jQuery 的 extend 方法来扩展 ValidateBox 的规则,例如可以添加身份证号码、电话号码、手机号码等验证规则。 EasyUI 的 ValidateBox 验证组件提供了多种类型...
在IT行业中,前端开发是构建用户界面的关键环节,而jQuery和...总的来说,jQuery+EasyUI validatebox是实现高效、友好的前端表单验证的强大工具,通过合理的配置和扩展,可以满足各种复杂的验证需求,提升用户体验。
在EasyUI的众多组件中,`validatebox` 是一个非常实用的验证插件,主要用于表单验证,确保用户输入的数据符合预设的规则和格式。通过使用`validatebox`,开发者可以轻松实现各种常见的验证需求,如用户名、密码、...
4. 校验规则的扩展:EasyUI的validatebox默认提供了有限的校验规则,但可以通过扩展来添加更多自定义的校验规则。例如,可以添加对身份证号码、整数和合法数字的校验。 5. 自定义校验规则的实现:通过在validatebox...
除了这两个问题,我们还可以进一步扩展 EasyUI validatebox 的功能以适应更多的验证需求。例如,通过自定义规则来实现更复杂的验证逻辑: ```javascript $.extend($.fn.validatebox.defaults.rules, { custom_reg:...
easyui扩展的js验证,是对easyUI没有的验证做的补充扩展,好用方便
首先,easyui validatebox的基本使用方法是通过给输入框添加特定的属性来定义验证规则。例如,可以通过validType属性来指定输入框的验证类型,如email、url、length等。在上面提供的代码片段中,定义了邮箱验证、...
总结,EasyUI验证扩展`extendvalidate.js`是EasyUI框架的一个强大补充,它极大地丰富了验证功能,让开发者能够应对各种复杂的验证需求。理解和熟练运用这个扩展,对于提升Web应用的质量和用户体验具有重要意义。在...
综上所述,jQuery EasyUI 的 ValidateBox 组件为开发者提供了强大的表单验证功能,不仅可以实现基本的必填和格式验证,还能通过自定义规则和 AJAX 验证来满足更复杂的需求。通过灵活地配置属性和扩展验证规则,...
总结来说,通过本文我们学习了如何利用jQuery Easyui的validatebox组件扩展功能来实现一个实用的表单验证规则——两次密码输入的验证。我们了解了Easyui框架的基础知识、组件使用方法、以及如何通过编程扩展这些组件...
对于CSS类加载,只需在输入框元素上添加`easyui-validatebox`类,并在`data-options`属性中指定验证规则,例如: ```html <input id="email" class="easyui-validatebox" data-options="required:true,validType:'...
EasyUI中的validatebox是一个非常实用的组件,它允许开发者在表单中添加输入验证的功能。validatebox的remote属性则是一种特殊的验证类型,它通过发送AJAX请求到指定的服务器地址,根据返回的结果来决定输入内容是否...
在这个例子中,我们为用户名和密码字段添加了`required="true"`属性,这是EasyUI内置的验证规则,表示这两个字段不能为空。 然后,编写JavaScript代码来处理表单提交和验证。在`<script>`标签内,添加以下代码: `...
jquery easyui validator 扩展自定义验证方法
要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字 最终效果如下图: 但在做这个的过程中,遇到了一系列的问题: 扩展validatebox的验证方法,最开始的验证代码如下:...
- **解释**:通过扩展EasyUI的验证规则,实现了两个日期之间的比较。`validType="TimeCheck['s1']"`表示`name="s2"`的输入框中的日期不能早于`name="s1"`中的日期。 #### 四、整体表单验证 - **代码示例**: ```...
标题"扩展EasyUI tabs 组件,加载tab页时添加遮罩"指出了我们将在EasyUI的tabs组件上进行自定义,以便在新tab页内容加载期间显示一个遮罩层。遮罩层是一种常见的视觉提示,用于告知用户页面正在处理数据或加载内容,...
扩展EasyUI的上传功能,我们需要做以下几步: 1. **创建自定义上传组件**:在EasyUI的原生上传组件基础上,我们可以编写一个新的jQuery插件,这个插件会在选择文件后添加额外的输入字段,用户可以在这里输入需要...