Jquery Easyui验证组件ValidateBox使用详解（20）
#代码知识 发布时间： 2026-01-11
本文实例为大家分享了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]',
});
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
代码知识SEO上一篇 : Jquery Easyui自定义下拉框组件使用详解（21）
下一篇 : Ubuntu 14.04设置开机启动脚本的方法
-
SEO外包最佳选择国内专业的白帽SEO机构，熟知搜索算法，各行业企业站优化策略！
SEO公司
-
可定制SEO优化套餐基于整站优化与品牌搜索展现，定制个性化营销推广方案！
SEO套餐
-
SEO入门教程多年积累SEO实战案例，从新手到专家，从入门到精通，海量的SEO学习资料！
SEO教程
-
SEO项目资源高质量SEO项目资源，稀缺性外链，优质文案代写，老域名提权，云主机相关配置折扣！
SEO资源
-
SEO快速建站快速搭建符合搜索引擎友好的企业网站，协助备案，域名选择，服务器配置等相关服务！
SEO建站
-
快速搜索引擎优化建议没有任何SEO机构，可以承诺搜索引擎排名的具体位置，如果有，那么请您多注意！专业的SEO机构，一般情况下只能确保目标关键词进入到首页或者前几页，如果您有相关问题，欢迎咨询！
