`
sphsyv23
  • 浏览: 84482 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

扩展easyui的validatebox,添加验证两次密码功能

阅读更多

 

/**
 * @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 验证类型

    easyui validatebox 验证类型

    easyui validatebox验证类型

    ValidateBox 也允许用户自定义验证规则,例如可以使用 jQuery 的 extend 方法来扩展 ValidateBox 的规则,例如可以添加身份证号码、电话号码、手机号码等验证规则。 EasyUI 的 ValidateBox 验证组件提供了多种类型...

    jQuery+easyui validatebox 验证框

    在IT行业中,前端开发是构建用户界面的关键环节,而jQuery和...总的来说,jQuery+EasyUI validatebox是实现高效、友好的前端表单验证的强大工具,通过合理的配置和扩展,可以满足各种复杂的验证需求,提升用户体验。

    EasyUi_validatebox 验证插件

    在EasyUI的众多组件中,`validatebox` 是一个非常实用的验证插件,主要用于表单验证,确保用户输入的数据符合预设的规则和格式。通过使用`validatebox`,开发者可以轻松实现各种常见的验证需求,如用户名、密码、...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    4. 校验规则的扩展:EasyUI的validatebox默认提供了有限的校验规则,但可以通过扩展来添加更多自定义的校验规则。例如,可以添加对身份证号码、整数和合法数字的校验。 5. 自定义校验规则的实现:通过在validatebox...

    EasyUi修改验证控件

    除了这两个问题,我们还可以进一步扩展 EasyUI validatebox 的功能以适应更多的验证需求。例如,通过自定义规则来实现更复杂的验证逻辑: ```javascript $.extend($.fn.validatebox.defaults.rules, { custom_reg:...

    jquery easyui扩展js验证

    easyui扩展的js验证,是对easyUI没有的验证做的补充扩展,好用方便

    easyui validatebox验证

    首先,easyui validatebox的基本使用方法是通过给输入框添加特定的属性来定义验证规则。例如,可以通过validType属性来指定输入框的验证类型,如email、url、length等。在上面提供的代码片段中,定义了邮箱验证、...

    easyui验证扩展

    总结,EasyUI验证扩展`extendvalidate.js`是EasyUI框架的一个强大补充,它极大地丰富了验证功能,让开发者能够应对各种复杂的验证需求。理解和熟练运用这个扩展,对于提升Web应用的质量和用户体验具有重要意义。在...

    jQuery EasyUI API 中文文档 - ValidateBox验证框

    综上所述,jQuery EasyUI 的 ValidateBox 组件为开发者提供了强大的表单验证功能,不仅可以实现基本的必填和格式验证,还能通过自定义规则和 AJAX 验证来满足更复杂的需求。通过灵活地配置属性和扩展验证规则,...

    jQuery Easyui 验证两次密码输入是否相等

    总结来说,通过本文我们学习了如何利用jQuery Easyui的validatebox组件扩展功能来实现一个实用的表单验证规则——两次密码输入的验证。我们了解了Easyui框架的基础知识、组件使用方法、以及如何通过编程扩展这些组件...

    Jquery Easyui验证组件ValidateBox使用详解(20)

    对于CSS类加载,只需在输入框元素上添加`easyui-validatebox`类,并在`data-options`属性中指定验证规则,例如: ```html &lt;input id="email" class="easyui-validatebox" data-options="required:true,validType:'...

    jquery easyui validatebox remote的使用详解

    EasyUI中的validatebox是一个非常实用的组件,它允许开发者在表单中添加输入验证的功能。validatebox的remote属性则是一种特殊的验证类型,它通过发送AJAX请求到指定的服务器地址,根据返回的结果来决定输入内容是否...

    结合easyui的用户验证

    在这个例子中,我们为用户名和密码字段添加了`required="true"`属性,这是EasyUI内置的验证规则,表示这两个字段不能为空。 然后,编写JavaScript代码来处理表单提交和验证。在`&lt;script&gt;`标签内,添加以下代码: `...

    easyui 自定义验证方法

    jquery easyui validator 扩展自定义验证方法

    Jquery插件easyUi实现表单验证示例

    要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字 最终效果如下图: 但在做这个的过程中,遇到了一系列的问题: 扩展validatebox的验证方法,最开始的验证代码如下:...

    easyui验证框使用方法

    - **解释**:通过扩展EasyUI的验证规则,实现了两个日期之间的比较。`validType="TimeCheck['s1']"`表示`name="s2"`的输入框中的日期不能早于`name="s1"`中的日期。 #### 四、整体表单验证 - **代码示例**: ```...

    扩展EasyUI tabs 组件,加载tab页时添加遮罩

    标题"扩展EasyUI tabs 组件,加载tab页时添加遮罩"指出了我们将在EasyUI的tabs组件上进行自定义,以便在新tab页内容加载期间显示一个遮罩层。遮罩层是一种常见的视觉提示,用于告知用户页面正在处理数据或加载内容,...

    扩展easyUI,上传文件时附传参数

    扩展EasyUI的上传功能,我们需要做以下几步: 1. **创建自定义上传组件**:在EasyUI的原生上传组件基础上,我们可以编写一个新的jQuery插件,这个插件会在选择文件后添加额外的输入字段,用户可以在这里输入需要...

Global site tag (gtag.js) - Google Analytics