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之十三 添加事件和删除事件的核心方法
Aug 23 Javascript
浅谈Javascript数组索引
Jul 29 Javascript
JS实现选项卡实例详解
Nov 17 Javascript
Javascript技术栈中的四种依赖注入小结
Feb 27 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
May 12 Javascript
js获取新浪天气接口的实现代码
Jun 06 Javascript
js获取元素的外链样式的简单实现方法
Jun 06 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
vue.js实现照片放大功能
Jun 23 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
B2K与车机的中波PK
2021/03/02 无线电
PHP实现下载功能的代码
2012/09/29 PHP
php常用表单验证类用法实例
2015/06/18 PHP
thinkphp 中的volist标签在ajax操作中的特殊性(推荐)
2018/01/15 PHP
JQuery 入门实例1
2009/06/25 Javascript
js 程序执行与顺序实现详解
2013/05/13 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
javascript实现checkbox复选框实例代码
2016/01/10 Javascript
微信小程序 rpx 尺寸单位详细介绍
2016/10/13 Javascript
微信小程序 页面传参实例详解
2016/11/16 Javascript
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
2017/07/12 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
extract-text-webpack-plugin用法详解
2019/02/14 Javascript
Vue+Express实现登录状态权限验证的示例代码
2019/05/05 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
vue 清空input标签 中file的值操作
2020/07/21 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
python cx_Oracle的基础使用方法(连接和增删改查)
2017/11/19 Python
python简单操作excle的方法
2018/09/12 Python
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
python实现统计文本中单词出现的频率详解
2019/05/20 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
python 进程的几种创建方式详解
2019/08/29 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
2020/02/07 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
通过Python扫描代码关键字并进行预警的实现方法
2020/05/24 Python
通过代码实例解析Pytest运行流程
2020/08/20 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
尼克松手表官网:Nixon手表
2019/03/17 全球购物
手工制作的音乐盒:Music Box Attic
2019/09/05 全球购物
护士上岗前培训自我鉴定
2014/04/20 职场文书
小小商店教学反思
2014/04/27 职场文书
学校领导班子成员查摆问题及整改措施
2014/10/28 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书