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 相关文章推荐
去掉gridPanel表头全选框的小例子
Jul 18 Javascript
jquery图片放大功能简单实现
Aug 01 Javascript
javascript生成json数据简单示例分享
Feb 14 Javascript
无限树Jquery插件zTree的常用功能特性总结
Sep 11 Javascript
跟我学习javascript的隐式强制转换
Nov 16 Javascript
Bootstrap每天必学之导航条(二)
Mar 01 Javascript
全面解析Bootstrap中transition、affix的使用方法
May 30 Javascript
VueJs组件prop验证简单介绍
Sep 12 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
Sep 20 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
分享JS表单验证源码(带错误提示及密码等级)
Jan 05 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 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扩展开发入门教程
2015/02/26 PHP
详解php设置session(过期、失效、有效期)
2015/11/12 PHP
一些常用的JavaScript函数(json)附详细说明
2011/05/25 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
JQuery中serialize()用法实例分析
2015/02/06 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
2015/03/12 Javascript
JS实现浏览器状态栏显示时间的方法
2015/10/27 Javascript
所见即所得的富文本编辑器bootstrap-wysiwyg使用方法详解
2016/05/27 Javascript
javascript操作cookie
2017/01/17 Javascript
JS实现隔行换色的表格排序
2017/03/27 Javascript
详解Vue CLI 3.0脚手架如何mock数据
2018/11/23 Javascript
vue学习笔记五:在vue项目里面使用引入公共方法详解
2019/04/04 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
Python实现模拟登录及表单提交的方法
2015/07/25 Python
python回调函数中使用多线程的方法
2017/12/25 Python
用Python将结果保存为xlsx的方法
2019/01/28 Python
详解Python给照片换底色(蓝底换红底)
2019/03/22 Python
pyqt5 QProgressBar清空进度条的实例
2019/06/21 Python
Python3+Appium安装使用教程
2019/07/05 Python
Python split() 函数拆分字符串将字符串转化为列的方法
2019/07/16 Python
react+django清除浏览器缓存的几种方法小结
2019/07/17 Python
Python换行与不换行的输出实例
2020/02/19 Python
python3让print输出不换行的方法
2020/08/24 Python
python实现扫雷游戏的示例
2020/10/20 Python
致铅球运动员广播稿精选
2014/01/12 职场文书
社会实践感言
2014/01/25 职场文书
廉洁使者实施方案
2014/03/29 职场文书
入党积极分子学习党的纲领思想汇报
2014/09/13 职场文书
工作态度不端正检讨书
2014/10/04 职场文书
保证金退回承诺函格式
2015/01/21 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
《雪域豹影》读后感:父爱的伟大
2019/12/23 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript
python如何利用cv2模块读取显示保存图片
2021/06/04 Python
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android