作家
登录

jQuery EasyUI API 中文文档 - ValidateBox验证框

作者: 来源:www.28hudong.com 2013-03-30 00:42:24 阅读 我要评论

用 $.fn.validatebox.defaults 重写了 defaults。 用法 复制代码 代码如下: <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。风流涕淌 翻译。

  推荐阅读

  jQuery实现切换页面布局使用介绍

查看实例:DEMO 演示打包下载XHTML 复制代码 代码如下: <a href="#" id="switch">切换布局</a> <div id="demo" class="showlist"> <div class="list"> <h3><a href="#">文章标题</a></h3> <p>文章摘要</p> </div>>>>详细阅读


本文标题:jQuery EasyUI API 中文文档 - ValidateBox验证框

地址:http://www.17bianji.com/kaifa2/JS/24083.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)