easyUI验证validatebox

1.验证:用easyui-validatebox
验证类型:

验证规则是通过使用属性"required"或"validType"来定义的:


(1).由required指定的
required:true 是否启用非空验证


(2).由validType指定的,示例validType:'email'
email: 匹配电子邮件正则表达式规则
url: 匹配URL正则表达式规则
length[0,100]: 允许字符串长度的范围

(3)自定义验证规则:

重写$.fn.validatebox.defaults.rules 可以定义一个校验器的功
能和无效消息。
例:

$.extend($.fn.validatebox.defaults.rules, {
minLength: {
validator: function(value, param){
return value.length >= param[0];
},
message: 'Please enter at least {0} characters.'
}
});

下面的代码表示输入的最小长度是5个字符:
<input class="easyui-validatebox" validType="minLength
[5]">

属性:
missingmessage 验证弹出信息
invalidMessage 当文本框内容不合法时提示的文本信息

方法:
destroy:删除并且销毁组件
validate:做验证以确定文本框的内容是否是有效的。
isValid:调用验证方法并返回验证结果,true或者false

应用:
当获取到焦点时触发:

$(function () {
$('input.easyui-validatebox').validatebox 
('disableValidation').focus(function () { 
$(this).validatebox('enableValidation'); }).blur(function 
() { $(this).validatebox('validate') });
});
disableValidation:禁用验证
enableValidation:开启验证

验证属性总结:
        required: "必选字段",
        remote: "请修正该字段",
        email: "请输入正确格式的电子邮件",
        url: "请输入合法的网址",
        date: "请输入合法的日期",
        dateISO: "请输入合法的日期 (ISO).",
        number: "请输入合法的数字",
        digits: "只能输入整数",
        creditcard: "请输入合法的信用卡号",
        equalTo: "请再次输入相同的值",
        accept: "请输入拥有合法后缀名的字符串",
        maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
        minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
        rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
        range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
        max: jQuery.format("请输入一个最大为 {0} 的值"),
        min: jQuery.format("请输入一个最小为 {0} 的值")

 

http://my.oschina.net/u/853107/blog/169770

posted on 2015-07-31 14:18  冰上逐狐  阅读(1306)  评论(0编辑  收藏  举报