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 相关文章推荐
javascript真的不难-回顾一下基础知识
Jan 15 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
Mar 28 Javascript
js或jquery实现页面打印可局部打印
Mar 27 Javascript
JavaScript把数组作为堆栈使用的方法
Mar 20 Javascript
javascript判断并获取注册表中可信任站点的方法
Jun 01 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
Bootstrap编写导航栏和登陆框
May 30 Javascript
JavaScript注入漏洞的原理及防范(详解)
Dec 04 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
Sep 25 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
微信小程序自定义多选事件的实现代码
May 17 Javascript
vue中导出Excel表格的实现代码
Oct 18 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代码
2013/12/03 PHP
php获取文件内容最后一行示例
2014/01/09 PHP
如何让CI框架支持service层
2014/10/29 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
2016/09/01 PHP
使用正则去除php代码中的注释方法
2016/11/03 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
文本框中禁止非数字字符输入比如手机号码、邮编
2013/08/19 Javascript
利用js判断浏览器类型(是否为IE,Firefox,Opera浏览器)
2013/11/22 Javascript
window.location.href的用法(动态输出跳转)
2014/08/09 Javascript
JS实现文字掉落效果的方法
2015/05/06 Javascript
浅谈JavaScript正则表达式-非捕获性分组
2017/03/08 Javascript
Javascript中的async awai的用法
2017/05/17 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
vue框架搭建之axios使用教程
2018/07/11 Javascript
微信小程序支付PHP代码
2018/08/23 Javascript
[02:09:59]火猫TV国士无双dota2 6.82版本详解(下)
2014/09/29 DOTA
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
Python学习之用pygal画世界地图实例
2017/12/07 Python
解决在pycharm中显示额外的 figure 窗口问题
2019/01/15 Python
Python中@property的理解和使用示例
2019/06/11 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
numpy库ndarray多维数组的维度变换方法(reshape、resize、swapaxes、flatten)
2020/04/28 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
德国机场停车位比较和预订网站:Ich-parke-billiger
2018/01/08 全球购物
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
幼儿园中秋节活动方案
2014/02/06 职场文书
中学生打架检讨书
2014/02/10 职场文书
英语邀请函范文
2015/02/02 职场文书
特岗教师个人总结
2015/02/10 职场文书
员工试用期转正自我评价
2015/03/10 职场文书
行政二审代理词
2015/05/25 职场文书
总经理致辞
2015/07/29 职场文书
Python爬虫:从m3u8文件里提取小视频的正确操作
2021/05/14 Python
Vue实现跑马灯样式文字横向滚动
2021/11/23 Vue.js
OpenCV实现常见的四种图像几何变换
2022/04/01 Python