Jquery Easyui验证组件ValidateBox使用详解（20）

本文实例为大家分享了Jquery Easyui验证组件的实现代码，供大家参考，具体内容如下

加载方式
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>

属性列表

//属性设置$（"#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";}

方法列表

//销毁组件$（"#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]",}）;

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。