JqueryEasyui验证组件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';
}
jquery是什么功能组件⽅法列表
//销毁组件
$('#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]',
});
以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。