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


Posted in Javascript onMay 13, 2016

什么是 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 Easyui 验证两次密码输入是否相等的相关知识,希望对大家有所帮助,如果大家想了解更多资讯敬请关注三水点靠木网站,谢谢!

Javascript 相关文章推荐
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
番茄的表单验证类代码修改版
Jul 18 Javascript
基于jquery的实现简单的表格中增加或删除下一行
Aug 01 Javascript
js创建表单元素并使用submit进行提交
Aug 14 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
JavaScript中定义对象原型的两种使用方法
Dec 15 Javascript
100多个基础常用JS函数和语法集合大全
Feb 16 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 Javascript
浅谈对于“不用setInterval,用setTimeout”的理解
Aug 28 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 #Javascript
Javascript基础之数组的使用
May 13 #Javascript
JS判断图片是否加载完成方法汇总(最新版)
May 13 #Javascript
BootStrap扔进Django里的方法详解
May 13 #Javascript
JavaScript重载函数实例剖析
May 13 #Javascript
JS加载iFrame出现空白问题的解决办法
May 13 #Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 #Javascript
You might like
完美解决dedecms中的[html][/html]和[code][/code]问题
2007/03/20 PHP
php和vue配合使用技巧和方法
2019/05/09 PHP
IE与Firefox在JavaScript上的7个不同句法分享
2011/10/30 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
2012/06/20 Javascript
js格式化货币数据实现代码
2013/09/04 Javascript
eclipse导入jquery包后报错的解决方法
2014/02/17 Javascript
jquery禁止输入数字以外的字符的示例(纯数字验证码)
2014/04/10 Javascript
浅析javascript的间隔调用和延时调用
2014/11/12 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
2016/11/21 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
vue.js实例todoList项目
2017/07/07 Javascript
require.js中的define函数详解
2017/07/10 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
vue+elementUI实现简单日历功能
2020/09/24 Javascript
ant design pro中可控的筛选和排序实例
2020/11/17 Javascript
vue-cli中实现响应式布局的方法
2021/03/02 Vue.js
Go语言基于Socket编写服务器端与客户端通信的实例
2016/02/19 Python
python使用mysql数据库示例代码
2017/05/21 Python
对Python生成汉字字库文字,以及转换为文字图片的实例详解
2019/01/29 Python
OpenCV 边缘检测
2019/07/10 Python
Python函数式编程指南:对生成器全面讲解
2019/11/19 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
python GUI库图形界面开发之PyQt5开发环境配置与基础使用
2020/02/25 Python
Python3.9最新版下载与安装图文教程详解(Windows系统为例)
2020/11/28 Python
如何使用localstorage代替cookie实现跨域共享数据问题
2018/04/18 HTML / CSS
HTML5 语音搜索只需一句代码
2013/01/03 HTML / CSS
Parfumdreams芬兰:购买香水和化妆品
2021/02/13 全球购物
2014年国庆晚会主持词
2014/09/19 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书
敬业奉献模范事迹材料(2016精选版)
2016/02/26 职场文书
学生检讨书范文
2019/06/24 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书