ValidateBox Document

使用$.fn.validatebox.defaults重写默认值对象。
validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值，它将会更改输入框的背景颜色，并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。

依赖关系：

• tooltip

用法：

通过标签创建验证框。

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

使用Javascript创建验证框。

				
<input id="vv" />  
<script type="text/javascript">
$('#vv').validatebox({    
    required: true,    
    validType: 'email'   
}); 
</script> 
				
			

检查密码和确认密码是否相同。

				
<script type="text/javascript">
// extend the 'equals' rule    
$.extend($.fn.validatebox.defaults.rules, {    
    equals: {    
        validator: function(value,param){    
            return value == $(param[0]).val();    
        },    
        message: 'Field do not match.'   
    }    
});  
</script>
<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']" />  
				
			

验证规则：

验证规则是根据使用需求和验证类型属性来定义的，这些规则已经实现：

自定义验证规则，需要重写$.fn.validatebox.defaults.rules中定义的验证器函数和无效消息。例如，定义一个最小长度(minLength)的自定义验证：

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

现在你可以在输入框中限制最小长度为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]']
">
				
			

事件：

方法：

				
<script type="text/javascript">
$('#tt').validatebox('readonly'); // 启用只读模式
$('#tt').validatebox('readonly',true);  // 启用只读模式
$('#tt').validatebox('readonly',false); // 禁用只读模式
</script>