# 加载方式 ## Class加载 ``` <input id="email" class="easyui-validatebox" data-options="required:true,validType:'email'" /> ``` ## JS调用加载 ``` <input id="email" /> <script> $(function () { $('#email').validatebox({ required : true, validType : 'email', }); }); </script> ``` # 属性列表 | 属性名 | 值 | 说明 | | --- | --- | | required | boolean | 定义为必填字段。默认为 false。| | validType | string,array| 定义字段验证类型，比如：email、url、length[0,100] 、remote['url','paramname']。默认值为：null。| | delay | number | 延迟到最后验证输入值。默认值200。| | missingMessage | string| 当文本框未填写时出现的提示信息。默认值：This field is required。| | invalidMessage | string | 当文本框的内容被验证为无效时出现的提示。默认值 null。| | tipPosition | string | 定义当文本框内容无效的时候提示消息显 示 的 位 置 ， 有 效 的 值 有 ：'left','right'。默认值 right。| | deltaX | number | 提示框在水平方向上位移。默认值0。| | novalidate| boolean 为 | true 时关闭验证功能。默认值 false。| *** ``` //属性设置 $('#email').validatebox({ required : true, validType : 'email', //validType : 'url', //validType : 'length[2,20]', //validType : ['email', 'length[10,20]'], //validType : 'remote["content.php", "username"]', //delay : 3000, missingMessage : '请填写电子邮件', invalidMessage : '电子邮件格式不正确', tipPosition : 'right', deltaY : 120, novalidate : true, }); //Ajax 远程验证 if ($_POST['username'] == 'Lee') { echo 'true'; } else { echo 'false'; } ``` # 方法列表 | 方法名 | 传参 | 说明 | | --- | --- | | options | none | 返回属性列表。| | destroy | none | 移除并销毁组件。| | validate | none | 验证文本框的内容是否有效。| | isValid | none | 调用 validate 方法并且返回验证结果，true 或者 false。| | enableValidation | none | 启用验证。 | | disableValidation | none | 禁用验证。| *** ``` //销毁组件 $('#email').validatebox('destroy'); //验证码文本框是否有效 console.log($('#email').validatebox('validate')); //返回验证的结果 console.log($('#email').validatebox('isValid')); //禁用和启用 $('#email').validatebox('disableValidation'); $('#email').validatebox('enableValidation'); //可以使用$.fn.validatebox.defaults 重写默认值对象。 ``` # 自定义验证 ``` //新增一个规则 $.extend($.fn.validatebox.defaults.rules, { minLength : { validator : function (value, param) { return value.length >= param[0]; }, message : '请长度不小于{0}的字符', }, }); //调用 $('#email').validatebox({ required : true, validType : 'minLength[5]', }); ```