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 相关文章推荐
IE下使用cloneNode注意事项分享
Nov 22 Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 Javascript
jquery自定义下拉列表示例
Apr 25 Javascript
AngularJs实现ng1.3+表单验证
Dec 10 Javascript
浅析JS运动
Dec 28 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
Apr 27 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 Javascript
对比分析Django的Q查询及AngularJS的Datatables分页插件
Feb 07 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
Mar 17 Javascript
vue.js指令v-for使用以及下标索引的获取
Jan 31 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 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操作xml入门之xml标签的属性分析
2015/01/23 PHP
PHP CURL采集百度搜寻结果图片不显示问题的解决方法
2017/02/03 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
Javascript var变量隐式声明方法
2009/10/19 Javascript
把html页面的部分内容保存成新的html文件的jquery代码
2009/11/12 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
2011/04/19 Javascript
javascript nextSibling 与 getNextElement(node) 使用介绍
2011/10/13 Javascript
jquery改变tr背景色的示例代码
2013/12/28 Javascript
JavaScript阻止浏览器返回按钮的方法
2015/03/18 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
2016/09/28 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
JS动画实现回调地狱promise的实例代码详解
2018/11/08 Javascript
Node.js原生api搭建web服务器的方法步骤
2019/02/15 Javascript
layui的select联动实现代码
2019/09/28 Javascript
Vue.js使用axios动态获取response里的data数据操作
2020/09/08 Javascript
[51:43]OG vs LGD 2018国际邀请赛淘汰赛BO3 第五场 8.26
2018/08/30 DOTA
Python的collections模块中的OrderedDict有序字典
2016/07/07 Python
使用Python脚本实现批量网站存活检测遇到问题及解决方法
2016/10/11 Python
Python代码实现删除一个list里面重复元素的方法
2019/04/02 Python
python生成大写32位uuid代码
2020/03/03 Python
Python字典实现伪切片功能
2020/10/28 Python
HTML5 video标签(播放器)学习笔记(二):播放控制
2015/04/24 HTML / CSS
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
实习鉴定范文
2013/12/19 职场文书
集团公司党的群众路线教育实践活动工作总结
2014/03/03 职场文书
党员个人对照检查材料范文
2014/09/24 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
社区灵活就业证明
2014/11/03 职场文书
2015年世界水日活动总结
2015/02/09 职场文书
Python 数据可视化之Seaborn详解
2021/11/02 Python
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
2022/04/24 Vue.js