使用easyui验证两次密码输入是否一致:
1.首先导入easyui的js与css:
2.两个密码框,加入easyui封装好的组件:
3.写easyu延伸控制:
4.完成
5.不明觉厉,就是这样用
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.不明觉厉,就是这样用