jQuery easyUI中validatebox使用

最新推荐文章于 2019-06-21 20:13:08 发布

BoringRong

最新推荐文章于 2019-06-21 20:13:08 发布

阅读量368

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端开发技术体系文章标签： easyui validatebox的使用

本文链接：https://blog.youkuaiyun.com/pbrlovejava/article/details/80963941

前端开发技术体系专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了密码修改过程中的校验规则设置，包括非空校验、长度限制、远程验证等，并通过实例展示了如何在表单中实现这些规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提供的校验规则：

1、非空校验required="required"

2、使用validType指定

email: 正则表达式匹配电子邮件规则。

url: 正则表达式匹配的URL规则。

length[0,100]: 在x和x字符允许。

remote['http://.../action.do','paramName']: 发送ajax请求做验证值,返回“true”当成功。

<table cellpadding=3>
                    <tr>
                        <td>新密码：</td>
                        <td><input  required="true" data-options="validType:'length[4,6]'" id="txtNewPass" type="Password" class="txt01 easyui-validatebox" /></td>
                    </tr>
                    <tr>
                        <td>确认密码：</td>
                        <td><input required="true" data-options="validType:'length[4,6]'" id="txtRePass" type="Password" class="txt01 easyui-validatebox" /></td>
                    </tr>
                </table>

为按钮绑定事件

//为确定按钮绑定事件
		$("#btnEp").click(function(){
			//进行表单校验
			var v = $("#editPasswordForm").form("validate");
			if(v){
				//表单校验通过，手动校验两次输入是否一致
				var v1 = $("#txtNewPass").val();
				var v2 = $("#txtRePass").val();
				if(v1 == v2){
					//两次输入一致，发送ajax请求
					$.post("userAction_editPassword.action",{"password":v1},function(data){
						if(data == '1'){
							//修改成功，关闭修改密码窗口
							$("#editPwdWindow").window("close");
						}else{
							//修改密码失败，弹出提示
							$.messager.alert("提示信息","密码修改失败！","error");
						}
					});
				}else{
					//两次输入不一致，弹出错误提示
					$.messager.alert("提示信息","两次密码输入不一致！","warning");
				}
			}
		});