Easyui的validatebox验证方法自定义扩展
来源:互联网 发布:营销之道软件 编辑:程序博客网 时间:2024/04/30 07:20
由于easyui的validatebox本身提供的验证方法较少,故对其进行了自定义扩展。
1、新建一个js文件 —— extendValidateboxRules.js ,内容如下:
/** * auther by Highness * date : xxxx-xx-xx */// 时间格式规范var regex_dateTime = /\d{4}\-\d{2}\-\d{2} \d{2}\:\d{2}:\d{2}/;//@author ren$.extend($.fn.validatebox.defaults.rules, { // 字符最大长度(param传参)maxLength: { validator: function(value, param){ return value.length <= param[0]; }, message: '您输入的字数太长了,最多{0}个字'},// 验证姓名,可以是中文或英文name : {validator : function(value) {return /^[\u0391-\uFFE5]{1,20}$/i.test(value)|/^\w+[\w\s]+\w+$/i.test(value);},message : '姓名字数过多或应为中文或者英文'},// 验证身份证idcard : { validator : function(value) { return /^\d{15}(\d{2}[Xx0-9])?$/i.test(value); }, message : '身份证应为15位或者18位'},// 验证IP地址ip : {validator : function(value) {return /\d+\.\d+\.\d+\.\d+/.test(value);},message : 'IP地址格式不正确'},//年龄验证age : {validator : function(value) {return /^[0-9]{1,2}$/i.test(value);//0-99},message : '您输入的年龄不合法'},// 验证电话号码phone : { validator : function(value) { return /^1\d{10}$/i.test(value) || /^0\d{2,3}-?\d{7,8}$/i.test(value); }, message : '电话号码正确格式:15288888888或020(0310)-88888888'},// 验证数字,整数或小数number : { validator : function(value) { return /^\d{1,10}(\.\d{0,4})?$/i.test(value); }, message : '请输入正确的金额'},// 验证数字,只能为整数integer : { validator : function(value) { return /^\d{1,12}$/i.test(value); }, message : '请输入一个整数'},// 时间验证//@author ren/* start */ endToStart: { validator: function(value, param) { return value>$("#"+param[0]+" input[name='"+param[1]+"']").val();//结束时间>开始时间 }, message: '结束时间应晚于起始时间' }, startToEnd: { validator: function(value, param) { return value>$("#"+param[0]).datetimebox('getValue');//结束时间>开始时间 }, message: '结束时间应晚于起始时间' }, datetimeValidate: { validator: function(value, param) { return regex_dateTime.test(value);//验证时间格式是否规范 }, message: '时间格式应为 2015-01-01 12:00:00' } /* end */});
<!-- 扩展Easyui validatebox 的验证方法 --><script src="js/jquery/jquery-easyui-1.3.6/extendValidateboxRules.js"></script>
3、在html代码中添加验证
例如:身份证号规范性验证,只需在validType="idcard"修改为自定义的验证方法名即可。
<input type="text" class="easyui-validatebox" required="true" validType="idcard" />4、在js中添加验证
//联系方式var lxfs = $("#FormID :input[name='iPhone']").validatebox({ required:true, validType : 'phone', missingMessage:"请输入联系方式"});
验证方法为:
if(!lxfs.validatebox('isValid')){ <span style="white-space:pre"></span>alert('联系方式输入有误!'); }
0 0
- Easyui的validatebox验证方法自定义扩展
- 扩展easyui 的表单验证easyui-validatebox
- EasyUI validatebox 自定义验证
- 自定义validatebox的验证方法
- 扩展easyui validatebox的两个方法.移除验证和还原验证
- 扩展easyui validatebox的两个方法.移除验证和还原验证
- 扩展easyui validatebox的两个方法.移除验证和还原验证
- jquery-easyui-validatebox【自定义验证】
- EasyUI validatebox 多条件验证扩展
- easyui 扩展 前端 ValidateBox 验证 校验 属性
- Easyui validatebox修改 以及自定义验证规则
- easyui validatebox 验证集合,自定义easyui验证规则
- easyui validatebox 验证集合,自定义easyui验证规则
- 关于jquery easyui中easyui-validatebox自定义验证问题的解决
- jQuery Easyui Validatebox rules的常用扩展
- jQuery Easyui Validatebox rules的常用扩展
- jQuery Easyui Validatebox rules的常用扩展
- easyui中validatebox的拓展验证类型
- 我谈谈:医院网站内部链接的重要性
- java.io,PrintWriter可以用来创建一个文件并向本文文件写入数据
- listview无数据的处理
- uva 193 Graph Coloring( 图染色 ) DFS+回溯
- 并查集find函数3种写法
- Easyui的validatebox验证方法自定义扩展
- &
- HDU5316 Magician 线段树区间合并
- UTF-8和Unicode的区别,好详细的讲解!
- 研究下JavaScript中的Rest参数和参数默认值
- 无法定位程序输入点mysql_stmt_row_tell于动态链接库LIBMYSQL.DLL上
- C++_子类与基类的构造函数问题
- 栈(Stack) C 语言实现
- XFS文件系统碎片整理