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.不明觉厉,就是这样用

你可能感兴趣的:(JavaScript,easyui)