jQuery EasyUI API 中文文档 - ValidateBox验证框


Posted in Javascript onOctober 06, 2011

$.fn.validatebox.defaults 重写了 defaults

<?XML:NAMESPACE PREFIX = O />

jQuery EasyUI API 中文文档 - ValidateBox验证框
用法

<input id="vv" required="true" validType="email">

$('#vv').validatebox({ 
required:true 
});

验证规则
验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则:
email:匹配 email 正则表达式规则
url:匹配 URL 正则表达式规则
length[0,100]:允许从 x 到 y 个字符
remote['http://.../action.do','paramName']:发送 ajax 请求来验证值,成功时返回 'true' 。
要自定义验证规则,重写 $.fn.validatebox.defaults.rules ,来定义一个验证函数和无效的信息。例如,定义一个 minLength 验证类型:
$.extend($.fn.validatebox.defaults.rules, { 
minLength: { 
validator: function(value, param){ 
return value.length >= param[0]; 
}, 
message: 'Please enter at least {0} characters.' 
} 
});

现在你可以使用这个 minLength 验证类型,去定义一个至少输入5个字符的输入框:
<input class="easyui-validatebox" validType="minLength[5]">

特性

名称 类型 说明 默认值
required boolean 定义是否字段应被输入。 false
validType string 定义字段的验证类型,比如 email、url,等等。 null
missingMessage string 当文本框是空时出现的提示文字。 This field is required.
invalidMessage string 当文本框的内容无效时出现的提示文字。 null

方法

名称 参数 说明
destroy none 移除并且销毁这个组件。
validate none 进行验证以判定文本框的内容是否有效。
isValid none 调用 validate 方法并且返回验证结果,true 或者 false。

风流涕淌 翻译。
Javascript 相关文章推荐
封装的jquery翻页滚动(示例代码)
Nov 18 Javascript
理解和运用JavaScript的闭包机制
Aug 13 Javascript
JQuery实现级联下拉框效果实例讲解
Sep 17 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
May 28 Javascript
Javascript 制作图形验证码实例详解
Dec 22 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
Jul 18 Javascript
seajs实现强制刷新本地缓存的方法分析
Oct 16 Javascript
基于angular6.0实现的一个组件懒加载功能示例
Apr 12 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
Jun 11 Javascript
vue2.0项目实现路由跳转的方法详解
Jun 21 Javascript
详解vuex commit保存数据技巧
Dec 25 Javascript
jQuery AjaxQueue改进步骤
Oct 06 #Javascript
json2.js的初步学习与了解
Oct 06 #Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
Oct 06 #Javascript
event.X和event.clientX的区别分析
Oct 06 #Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 #Javascript
jQuery EasyUI API 中文文档 - Form表单
Oct 06 #Javascript
基于jQuery的模仿新浪微博时间的组件
Oct 04 #Javascript
You might like
php开启与关闭错误提示适用于没有修改php.ini的权限
2014/10/16 PHP
PHP生成树的方法
2015/07/28 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
在laravel中实现事务回滚的方法
2019/10/10 PHP
Extjs学习笔记之一 初识Extjs之MessageBox
2010/01/07 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
2015/03/25 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
详解vue-cli 接口代理配置
2017/12/13 Javascript
Javascript实现一朵从含苞到绽放的玫瑰
2019/03/30 Javascript
详解json串反转义(消除反斜杠)
2019/08/12 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
python pandas库中DataFrame对行和列的操作实例讲解
2018/06/09 Python
python实现的批量分析xml标签中各个类别个数功能示例
2019/12/30 Python
dpn网络的pytorch实现方式
2020/01/14 Python
如何使用 Python 读取文件和照片的创建日期
2020/09/05 Python
jupyter notebook远程访问不了的问题解决方法
2021/01/11 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
Tostadora意大利:定制T恤
2019/04/08 全球购物
extern是什么意思
2016/03/10 面试题
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
安全资金保障制度
2014/01/23 职场文书
食品销售计划书
2014/04/26 职场文书
星级党支部申报材料
2014/05/31 职场文书
舞蹈专业求职信
2014/06/13 职场文书
励志演讲稿3分钟
2014/08/21 职场文书
个人违纪检讨书
2014/09/15 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
Python-OpenCV实现图像缺陷检测的实例
2021/06/11 Python
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android
ipad隐藏软件app图标方法
2022/04/19 数码科技