jQuery easyUI中validatebox使用

提供的校验规则:

1、非空校验required="required"

2、使用validType指定

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

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

length[0,100]: xx字符允许。

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");
				}
			}
		});

猜你喜欢

转载自blog.csdn.net/pbrlovejava/article/details/80963941