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