`

easui验证两次密码是否一致

阅读更多
使用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.不明觉厉,就是这样用
分享到:
评论

相关推荐

    EasUI搭建的基本框架

    EasUI是一个基于jQuery的轻量级前端框架,主要用于快速构建高效、美观的Web应用程序界面。这个框架提供了丰富的UI组件,如表格、下拉菜单、按钮、对话框等,大大简化了网页开发过程中的界面设计工作。在"使用EasUI...

    easui和jquery的api合集

    EasUI和jQuery是两种广泛应用于前端开发的JavaScript库,它们极大地简化了Web界面的构建和交互。EasUI基于jQuery,提供了一套完整的UI组件,使得开发者可以快速创建出美观且功能丰富的用户界面。 EasUI是一个轻量级...

    Easyui 去除jquery-easui tab页div自带滚动条的方法

    这个方法在EasyUI的特定版本(如文中提到的jquery-easyui-1.5.3版本)中是有效果的,但具体是否在所有版本中都适用,还应该根据实际情况进行测试。 对于本方法的总结是,通过适当使用CSS规则,可以很容易地修改...

    Easyui 关闭jquery-easui tab标签页前触发事件的解决方法

    在使用Easyui,一个基于jQuery的用户界面库,特别是与jQuery-easui插件一起工作时,有时我们需要在用户尝试关闭某个tab标签页之前执行某些操作,比如进行数据验证或检查特定条件。本文将深入探讨如何实现这个功能,...

    使用jquery的datagrid经常遇到的问题

    ### 使用jquery的datagrid常见问题及解决方案 #### 一、引言 在开发Web应用程序时,`jQuery Datagrid` 是一个非常流行的插件,用于展示表格数据。然而,在使用过程中经常会遇到一些常见问题,这些问题如果不妥善...

    EasyUi1.4 中文API

    - **分页**:对于大量数据,使用 `pagination` 实现分页加载,减少一次性加载的数据量。 - **延迟加载**:某些组件支持延迟加载,如 `tree` 的 `async` 属性,只在需要时加载子节点。 9. **错误处理和调试** - *...

    easyui 树形结构样例

    EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和易于使用的API,用于构建数据驱动的用户界面。在“easyui 树形结构样例”中,我们主要探讨的是如何使用EasyUI实现一个可操作的树形结构,特别是在...

    jQuery设置下拉框显示与隐藏效果的方法分析

    本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法。分享给大家供大家参考,具体如下: ... $(select).hide(); // 隐藏下拉框 $(select).show(); // 显示下拉框 $(select).toggle(); // 如果下拉框是显示的则隐藏之...

    easyui的下拉框多选

    EasyUI的ComboBox组件可以实现单选和多选两种模式。在多选模式下,用户可以勾选多个选项,这对于数据输入或者筛选条件设置非常有用。要实现这个功能,我们需要对ComboBox进行适当的配置。 1. **基本使用** 首先,...

    easyUI(前台和后台数据交互)

    闲来无事,学习了一下easyUI。这是一个很简单的例子,给大家简单演示easyUI和后台的交互,包括数据的增删改查,希望给初学者有所帮助。使用的技术是ssm(springmvc+spring+mybatis)。这是一个maven项目。

    jquery.easyui.min.js

    修改easui tree ,使得更合理,修改前:加载后默认展开,若设置“state”为closed 就一直显示展开符号。修改后:自动判断,更合理,设置好 option的 data属性后自动判断是否有下级,以决定是否展开。另外升级显示样式...

    jquery easyui滚动条部分设置介绍

    1. `$(window).height()` 和 `$(window).width()`:这两个函数分别用于获取浏览器可视区域的高度和宽度,即用户当前能看到的屏幕尺寸。 2. `$(document.body).height()` 和 `$(document.body).width()`:这些函数...

    jQuery EasyUI 1.5 版 API 中文版 (Made By Richie696).exe

    easui 1.5使用手册,exe格式,如果下载后不能打开,请右键chm文件选择"属性",找到右下角的"解除锁定",后重新打开就行了。

    后台管理项目(MVC5+EasyUI,工厂模式)

    MVC5在MVC4的基础上做了许多改进,包括增强的身份认证和授权系统,以及对OWIN(开放Web接口)的支持,这使得身份验证更为简单且可移植。 【后台管理模板】:后台管理模板是一种预设计的UI布局,通常包含各种管理...

    easyui datagrid中实现上下左右、回车切换单元格

    easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格easyui datagrid中实现上下左右、回车切换单元格

    EasyUI 数据表格datagrid列自适应内容宽度的实现

    项目初期在加载数据表格的时候为了提高表格数据渲染速度,设置了默认宽度。 现需求需要加一个表格自适应的功能,触发改功能,改变列宽度,但是不重新渲染表格,不发生数据请求。 设计思路,遍历每项的所有数据,...

    jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法

    本文实例讲述了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法。分享给大家供大家参考,具体如下: 方法很简单,我们只需要在数据加载成功后的事件中处理即可。具体代码如下所示: //事件 ...

    信息框提示

    easy_ui入门之message的使用案例,可以成为easyui的入门素材,其他的后面再上传

Global site tag (gtag.js) - Google Analytics