时间:2021-05-26
用 $.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。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
easyui的validatebox()提供了自定义验证的方法,为此我把一些常用的数据验证汇总了一下,代码如下$.extend($.fn.validatebox
效果创建建日期框选择时间:- 自定义easyui验证//验证开始时间小于结束时间$.extend($.fn.validatebox.defaults.rules
Q0,新手必看教程:第一步,jQuery中文入门指南,翻译加实例,jQuery的起点教程第二步,下载手册方便查询(jQuery1.41中文API文档chm版)第
1.样式validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信
前言本文属于系列问题,需要的朋友们开始之前可以参考以下的两篇文章:1、three.js中文文档学习之创建场景2、three.js中文文档学习之通过模块导入如果你