使用easyui验证两次密码输入是否一致:
1.首先导入easyui的js与css:
<script type="text/javascript" src="<%=basePath%>js/jquery-1.7.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="<%=basePath %>css/themes/icon.css"/>
<link rel="stylesheet" type="text/css" href="<%=basePath %>css/themes/demo.css"/>
<script type="text/javascript" src="<%=basePath %>js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath %>js/easyui-lang-zh_CN.js"></script>
2.两个密码框,加入easyui封装好的组件:
<tr align="center">
<td>请输入新密码:</td>
<td><input type="password" id="newp" name="newp" size="30" class="easyui-validatebox" data-options="required:true,validType:'length[1,15]'"/></td>
</tr>
<tr align="center">
<td>请再输入一次密码:</td>
<td><input type="password" name="newp1" size="30" class="easyui-validatebox" data-options="required:true" validType="equalTo['#newp']"/></td>
</tr>
3.写easyu延伸控制:
<script type="text/javascript">
$.extend($.fn.validatebox.defaults.rules, {
equalTo : { validator : function(value, param) {
return value == $(param[0]).val(); }, message : '两次密码输入不一致'
}
});
</script>
4.完成
5.不明觉厉,就是这样用
分享到:
相关推荐
使用EasyUI搭建的基本框架,包含所有的插件,可直接使用
easui和jquery的api合集
主要介绍了Easyui 去除jquery-easui tab页div自带滚动条的方法,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
主要介绍了Easyui 关闭jquery-easui tab标签页前触发事件 ,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
EasyUi1.4版本中文API,一起学习进步。
本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法。分享给大家供大家参考,具体如下: ... $(select).hide(); // 隐藏下拉框 $(select).show(); // 显示下拉框 $(select).toggle(); // 如果下拉框是显示的则隐藏之...
闲来无事,学习了一下easyUI。这是一个很简单的例子,给大家简单演示easyUI和后台的交互,包括数据的增删改查,希望给初学者有所帮助。使用的技术是ssm(springmvc+spring+mybatis)。这是一个maven项目。
easyui的下拉框多选
重写easyui框架的主题皮肤,easui功能强大,css样式太LOW,重新写了一套,有手机端和PC端两套分开引用,后台管理系统。
修改easui tree ,使得更合理,修改前:加载后默认展开,若设置“state”为closed 就一直显示展开符号。修改后:自动判断,更合理,设置好 option的 data属性后自动判断是否有下级,以决定是否展开。另外升级显示样式...
easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格
dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,在说出解决方案前先来普及一下jquery关于定位的几个方法
easui 1.5使用手册,exe格式,如果下载后不能打开,请右键chm文件选择"属性",找到右下角的"解除锁定",后重新打开就行了。
本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考,具体如下: 方法很简单,我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示: //事件 ...
easy_ui入门之message的使用案例,可以成为easyui的入门素材,其他的后面再上传
基于jquer easyui 的一个demo 小例子,使用json显示数据
架构 MVC5,前端布局 easyui,模式 工厂模式。 现在有模板项目,能直接使用开发。