邮箱验证：<input type="text" validtype="email" required="true" missingMessage="不能为空" invalidMessage="邮箱格式不正确" /><br />
    网址验证：<input type="text" validtype="url" invalidMessage="url格式不正确[http://www.example.com]" /><br />
    长度验证：<input type="text" validtype="length[8,20]" invalidMessage="有效长度8-20" /><br />
    手机验证：<input type="text" validtype="mobile"  /><br />
    邮编验证：<input type="text" validtype="zipcode" /><br />
    账号验证：<input type="text" validtype="account[8,20]" /><br />
    汉子验证：<input type="text" validtype="CHS" /><br />
    远程验证：<input type="text" validtype="remote['checkname.aspx','name']" invalidMessage="用户名已存在"/>

// easyui通用验证规则
	$.extend($.fn.validatebox.defaults.rules, {
		date: {
			validator: function (value) {
				var reg = /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/;
				return reg.test(value);
			},
			message: '日期格式不正确 YYYY-MM-DD'
		},
		integer: {
			validator: function (value) {
				var reg = /^[\-\+]?\d+$/;
				return reg.test(value);
			},
			message: '无效的整数'
		},
		number: {
			validator: function (value) {
				var reg = /^[\-\+]?((([0-9]{1,3})([,][0-9]{3})*)|([0-9]+))?([\.]([0-9]+))?$/;
				return reg.test(value);
			},
			message: '无效的数值'
		},
		mobile: {
			validator: function (value) {
				alert(123)
				var reg = /^1[3|4|5|8|9]\d{9}$/;
				return reg.test(value);
			},
			message: '输入手机号码格式不准确.'
		}

	})

$.extend($.fn.validatebox.defaults.rules, {
	ajaxLookName: {//ajax验证
		validator: function (value) {
			$.post((baseURL+"/housemanage/nhousegroupdef/vaild/lookhousename"),{houseName:value},function(rec){
				if(rec.code == "0"){
					if(rec.data.result){
						$.fn.validatebox.defaults.rules.ajaxLookName.message='看房团名称已被其它用户定义过，请修改！';
						return false;
					}else{
						return true;
					}
				}else{
					alert(rec.desc);
				}
			},"json").error(function(){
				alert("请求失败！");
			});
		},
		message: ''
	}
})

$($($addDiv).find("#addForm")).form('validate')//返回 true false

<link rel="stylesheet" href="${baseURL}/js/3rd-plug/easy-ui-1.4.2/themes/black/easyui.css" type="text/css"/>
<link rel="stylesheet" href="${baseURL}/js/3rd-plug/easy-ui-1.4.2/themes/icon.css" type="text/css"/>
<script type="text/javascript" src="${baseURL}/js/3rd-plug/easy-ui-1.4.2/jquery.easyui.min.js"></script>
<script type="text/javascript" src="${baseURL}/js/3rd-plug/easy-ui-1.4.2/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="${baseURL}/js/3rd-plug/easy-ui-1.4.2/locale/common_validation-zh_CN.js"></script>
<script>
	$.extend($.fn.validatebox.defaults.rules, {
		datecompare: {
			validator: function (value) {
				if($('#regEndtime').val()&&$('#regBegintime').val()>$('#regEndtime').val()){
					return false;
				}
				return true;
			},
			message: '报名开始时间不能大于报名截止时间，请修改！'
		},
		lookhousedatecompare: {
			validator: function (value) {
				if($('#regEndtime').val()&&$('#lookhousetime').val()<$('#regEndtime').val()){
					return false;
				}
				return true;
			},
			message: '看房时间必须大于报名截止时间，请修改！'
		},
		numcompare: {
			validator: function (value) {
				if($('#maxNum').val()&&$('#minNum').val()>$('#maxNum').val()){
					return false;
				}
				return true;
			},
			message: '成团最低人数必须不能大于成团最高人数，请修改！'
		}
	})

</script>
<script type="text/javascript" src="${baseURL}/js/3rd-plug/easy-ui-1.4.2/jquery.easyui.min.js"></script>

$("#lookhousegroupName").on("blur",function(){
			if($("#lookhousegroupName").hasClass("validatebox-invalid")){
				return;
			}
			$.post((baseURL+"/housemanage/nhousegroupdef/vaild/lookhousename"),{houseName:($(this).val())},function(rec){
				if(rec.code == "0"){
					if(rec.data.result){
						$("#lookhousegroupNameajax").val("0");
						return false;
					}else{
						$("#lookhousegroupNameajax").val("1");
					}
				}else{
					alert(rec.desc);
				}
			},"json").error(function(){
				alert("请求失败！");
			});

		})

依赖

• tooltip

用法

从标记创建验证框（validatebox）。

<input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email'">

使用 javascript 创建验证框（validatebox）。

<input id="vv">

$('#vv').validatebox({
required: true,
validType: 'email'
});

检查密码和重新输入密码是相同的。

// extend the 'equals' rule
$.extend($.fn.validatebox.defaults.rules, {
equals: {
validator: function(value,param){
return value == $(param[0]).val();
},
message: 'Field do not match.'
}
});

<input id="pwd" name="pwd" type="password" class="easyui-validatebox" data-options="required:true">
<input id="rpwd" name="rpwd" type="password" class="easyui-validatebox"
required="required" validType="equals['#pwd']">

验证规则

验证规则是通过使用 required 和 validType 属性来定义的，这里是已经实施的规则：

• email：匹配 email 正则表达式规则。
• url：匹配 URL 正则表达式规则。
• length[0,100]：允许从 x 到 y 个字符。
• remote['http://.../action.do','paramName']：发送 ajax 请求来验证值，成功时返回 'true' 。

要自定义验证规则，重写 $.fn.validatebox.defaults.rules，来定义一个验证函数和无效的信息。例如，定义一个 minLength 验证类型：

$.extend($.fn.validatebox.defaults.rules, {
minLength: {
validator: function(value, param){
return value.length >= param[0];
},
message: 'Please enter at least {0} characters.'
}
});

现在您可以使用这个 minLength 验证类型来定义一个至少输入5个字符的输入框：

<input class="easyui-validatebox" data-options="validType:'minLength[5]'">

属性

<input class="easyui-validatebox" data-options="required:true,validType:'url'">
<input class="easyui-validatebox" data-options="
required:true,
validType:['email','length[0,20]']
">

方法