JQUERY EASYUI 验证框(VALIDATEBOX)用法
来源:互联网 发布:淘宝装修助手软件 编辑:程序博客网 时间:2024/05/01 02:52
Query EasyUI 验证框(ValidateBox)在表单的验证方面给我们提供了很方便的方法,下面来介绍一下验证框(ValidateBox)的详细用法(查看演示):
HTML 代码
- <input id="vv" required="true" validType="email">
然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:
- $('#vv').validatebox(options)
下面介绍一下验证规则:
验证规则是通过使用属性 “required”和”validType”来定义的,已经实施的规则如下:
- email: 匹配电子邮件正则表达式规则
- url: 匹配URL正则表达式规则
- length[0,100]: 允许字符串长度的范围
当然也可以自定义验证规则,重写$.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.'
- }
- });
定义好以后我们就可以使用了,下面的代码表示输入的最小长度是5个字符:
- <input class="easyui-validatebox" validType="minLength[5]">
下面来介绍更多的用法:属性
方法
演示
注意这里除了required属性外,若validType属性失败.并不会阻止表单提交..所以我们这里如果要阻止表单提交
那么又要利用jquery ui提交的表单方法
具体写法是
$(":submit").click(function(){
if(!$("#form").form('validate')){
return false;
}
})
if(!$("#form").form('validate')){
return false;
}
})
#form是<form>表单的ID
转自http://blog.csdn.net/zouhao619/article/details/6918583
- JQUERY EASYUI 验证框(VALIDATEBOX)用法
- JQUERY EASYUI 验证框(VALIDATEBOX)用法
- Jquery EasyUI --ValidateBox验证框
- jquery-easyui-validatebox【自定义验证】
- jQuery EasyUI validatebox 验证类型
- jQuery EasyUI-validatebox验证框、实现自定义验证
- jQuery EasyUI API 中文文档 - ValidateBox验证框
- EasyUI之验证框validatebox
- jQuery easyui validatebox 添加验证类型
- jQuery easyui validatebox 添加验证类型2
- jQuery-EasyUI validatebox+正则表达式实现验证
- Jquery Easyui验证组件ValidateBox使用详解
- easyui validatebox 验证凑集
- easyui validatebox 验证类型
- easyui validatebox 验证集合
- easyui validatebox 验证集合
- easyui validatebox 验证类型
- easyui validatebox 验证集合
- 10分钟学会使用qmake
- 使用virsh为linux kvm虚拟机添加disk
- UITextField的总结
- 详细介绍使用PHP框架的原因
- WindowsPhone手机已上线小游戏集合整项目分享2(一共十九个本集合共十个)
- JQUERY EASYUI 验证框(VALIDATEBOX)用法
- Android 权限
- SSH原理与运用(二):远程操作与端口转发
- Oracle:Authid Current_User的使用
- fpdf 使用MultiCell的问题
- Kaggle’s WordPress Challenge: The Like Graph
- Mailbox:六星期实现从零到百万用户及日处理亿条消息
- WindowsPhone手机已上线小游戏集合整项目分享1(一共十九个本集合共九个)
- Linux Crontab 定时任务 命令