叶子的想法，你不用明白，而叶生两面，你必须明白。所以，有人在秋天看到的是生命的衰败和无奈，有人在秋天看到的是生命的辉煌和温怡。到门不敢提凡鸟，看竹何须问主人。
本文实例为大家分享了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]',
});
以上就是Jquery Easyui验证组件ValidateBox使用详解（20）。生活的真谛在于创新，生活的理想在于远大，生活的艺术在于选择，生活的步履在于踏实，生活的乐趣在于追求，生活的安乐在于平淡，人生有时就是一场戏，有高潮，有低谷，每个人在这场戏中的角色是不同的，有的人是主角，有的人是配角，并不是主角就一定有好戏，配角也有出彩的时候，与人相处，追求和谐，就如水一样，无形却能演变五彩缤纷，无味却能演绎万味俱佳。更多关于Jquery Easyui验证组件ValidateBox使用详解（20）请关注haodaima.com其它相关文章！
