欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

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

时间:2021-04-08 10:37:51|栏目:jquery|点击:

什么是 jQuery EasyUI

jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点。

easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件。

easyui 提供建立现代化的具有交互性的 javascript 应用的必要的功能。

使用 easyui,您不需要写太多 javascript 代码,一般情况下您只需要使用一些 html 标记来定义用户界面。

HTML 网页的完整框架。

easyui 节省了开发产品的时间和规模。

easyui 非常简单,但是功能非常强大。

Jquery easyui是一个非常好的ui框架,但是表单验证中没有最常用的判断两个输出框中值相等的验证,所以我做了下扩展。

/**
* @author yukaizhao
*/
$.extend($.fn.validatebox.defaults.rules, { 
/*必须和某个字段相等*/
equalTo: {
validator:function(value,param){
return $(param[0]).val() == value;
},
message:'字段不匹配'
}
}); 

使用示例:

密码:

<input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/>
<br/>

确认密码:

<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="两次输入密码不匹配"/> 

将validType属性指定为equalTo['#password']即可。

当然使用这个小插件,必须要先引用jquery easyui的js库。

上一篇:实例解析jQuery工具函数

栏    目:jquery

下一篇:jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】

本文标题:jQuery Easyui 验证两次密码输入是否相等

本文地址:http://www.codeinn.net/misctech/96852.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有