ValidateBox 验证框(表单验证)
来源:互联网 发布:北平无战事曾可达 知乎 编辑:程序博客网 时间:2024/06/06 13:05
验证规则是通过使用 required 和 validType 特性来定义的, 这里是已经实施的规则:
- email:匹配 email 正则表达式规则
- url:匹配 URL 正则表达式规则
- length[0,100]:允许从 x 到 y 个字符
- remote['http://.../action.do','paramName']:发送 ajax 请求来验证值,成功时返回 'true' 。
用法:
html部分:<input id="email" class="easyui-validatebox" required="true" validType="url" invalidMessage="邮箱格式不正确" missingMessage="null"/>
属性值:1、required:定义字段是否可以为空(true表示不可以);
2、validType(要验证的数据类型,如:email、url、length[0,100]、remote);
3、invalidMessage:文本框的内容不合要求时的提示文字;(不加这个属性的话,会有默认值)
4、missingMessage:文本框为空时的提示文字;
当然,也可以自定义验证规则,重写 $.fn.validatebox.defaults.rules ,来定义一个验证函数和无效的信息。例如,定义一个 minLength 验证类型:
例如:<input id="name" class="easyui-validatebox" required="true" validType="minLength[5]" invalidMessage="长度至少要5位"/>
<script type="text/javascript">
$.extend($.fn.validatebox.defaults.rules, {
minLength: {
validator: function(value, param){
return value.length >= param;
},
message: 'Please enter at least {0} characters.' (注意:数据类型不合要求时候的提示信息。这里是必须写的,但是如果属性“invalidMessage”有定义的话,这里的值会被覆盖掉,如果属性“invalidMessage”没有定义,则显示这里的提示文字)
}
});
</script>
- ValidateBox 验证框(表单验证)
- easyui表单验证easyui-validatebox
- 扩展easyui 的表单验证easyui-validatebox
- Jquery EasyUI --ValidateBox验证框
- Validatebox 验证框的使用
- EasyUI之验证框validatebox
- 06-EasyUI_使用控件ValidateBox验证表单域
- JQUERY EASYUI 验证框(VALIDATEBOX)用法
- JQUERY EASYUI 验证框(VALIDATEBOX)用法
- easyui validatebox 验证凑集
- easyui validatebox 验证类型
- easyui validatebox 验证集合
- easyui validatebox 验证集合
- easyui validatebox 验证类型
- easyui validatebox 验证集合
- easyui validatebox 验证类型
- easyui validatebox 验证类型
- easyui validatebox 验证集合
- python入门小结-01
- Unicode与UTF-8/UTF-16
- 使用并行化:向量化
- 汇编跳转指令
- stl排序函数用户自定义比较函数扩展
- ValidateBox 验证框(表单验证)
- Android中的Intent
- .APPEND 和.INCLUDE有什么区别
- android 项目整体有错误,但是找不到具体错误的原因之一
- 第六周作业1——利用哈夫曼编码英文字母表
- ACdream群赛1112(Alice and Bob)
- NYOJ 873【环之最大和】
- Android-Universal-Image-Loader Task was Interrupted
- Linux设备驱动程序之内存与I/O访问