easyui表单验证

表单验证

使用$.fn.validatebox.defaults重载默认值。

使用方法

1. <input id="vv" required="true" validType="email">  

<input id="vv" required="true" validType="email">

1. $('#vv').validatebox({   
2.     required:true  
3. });  

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

验证规则

验证规则使用required和validType属性来定义, 以下列出的是插件内置的验证规则。

• email: 正则匹配电子邮件。
• url: 正则匹配url。
• length[0,100]: 验证长度范围。
• remote['http://.../action.do','paramName']: 发送ajax请求来验证，验证有效时返回true。

要自定义规则，重载$.fn.validatebox.defaults。你所定义的验证规则必须定义一个验证函数和验证无效时的提示信息。 例如，定义一个验证最小长度的规则：

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

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

现在你可以使用最小长度验证规则来定义一个至少要输入5个字符的输入框。

1. <input class="easyui-validatebox" validType="minLength[5]"> 
   
2. 此处的validType=“minLength[5]”，设置可能无效，可设置为validType="length[3,8]",填入的值在3~8个字符之间
   

<input class="easyui-validatebox" validType="minLength[5]">

属性

名称	类型	描述	默认值
required（必填）	boolean（布尔型）	定义表单域必须填写。	false
validType（验证类型）	string（字符串）	定义表单域的验证类型，比如：email, url等。	null
missingMessage（未填提示）	string（字符串）	当表单域未填写时出现的提示信息。	This field is required.
invalidMessage（无效提示）	string（字符串）	当表单域的内容被验证为无效时出现的提示。	null

方法

名称	参数	描述
destroy	none	移除并注销组件。
validate	none	验证表单域的内容是否有效。
isValid	none	调用validate方法并且返回验证结果，true或者false。