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 新浪网易的评论块制作
Jul 01 Javascript
js用typeof方法判断undefined类型
Jul 15 Javascript
javascript实用方法总结
Feb 06 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
Jquery网页内滑动缓冲导航的实现代码
Apr 05 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 Javascript
将 vue 生成的 js 上传到七牛的实例
Jul 28 Javascript
Angular4学习教程之HTML属性绑定的方法
Jan 04 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
vue使用原生swiper代码实例
Feb 05 Javascript
Vue实现开关按钮拖拽效果
Sep 22 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的图形函数中显示汉字
2006/10/09 PHP
怎么使 Mysql 数据同步
2006/10/09 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
PHP实现加强版加密解密类实例
2015/07/29 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
Extjs 几个方法的讨论
2010/01/28 Javascript
php对mongodb的扩展(初识如故)
2012/11/11 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
form.submit()不能提交表单的原因分析
2014/10/23 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
JavaScript中字符串(string)转json的2种方法
2015/06/25 Javascript
javascript中checkbox使用方法简单实例演示
2015/11/17 Javascript
手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现
2016/08/25 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
用jquery获取自定义的标签属性的值简单实例
2016/09/17 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
2016/11/29 Javascript
javascript replace()第二个参数为函数时的参数用法
2016/12/26 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
Python实现文件按照日期命名的方法
2015/07/09 Python
安装Python的教程-Windows
2017/07/22 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
numpy数组之存取文件的实现示例
2019/05/24 Python
网易2016研发工程师编程题 奖学金(python)
2019/06/19 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
Python实现FLV视频拼接功能
2020/01/21 Python
吸烟检讨书2000字
2014/02/13 职场文书
2014迎新年晚会策划方案
2014/02/23 职场文书
师德师风个人自我剖析材料
2014/09/27 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
医院见习总结
2015/06/24 职场文书
mysql查看表结构的三种方法总结
2022/07/07 MySQL
nginx访问报403错误的几种情况详解
2022/07/23 Servers