详解Jquery Easyui的验证扩展


Posted in Javascript onJanuary 09, 2017

一、扩展easyui的验证规则

二、使用

在data-option加上属性:validType:'phone',如下面所示:

data-options="required:true,validType:'phone'"  

data-options="required:false,validType:'telePhone'" 

三、部分校验方法

/**
* 去掉字符串头尾空格
* @param str 传入的字符串值
* @author lqy
* @since 2015-08-21
*/ 
function trim(str) { 
 if(str == null){ 
  return ""; 
 } 
 return str.replace(/(^\s*)|(\s*$)/g, ""); 
}; 
/** 
 * 是否为Null 
 * @param object 
 * @returns {Boolean} 
 */ 
function isNull(object){ 
 if(object == null || typeof object == "undefined"){ 
  return true; 
 } 
 return false; 
}; 
/** 
 * 是否为空字符串,有空格不是空字符串 
 * @param str 
 * @returns {Boolean} 
 */ 
function isEmpty(str){ 
 if(str == null || typeof str == "undefined" || 
   str == ""){ 
  return true; 
 } 
 return false; 
}; 
/** 
 * 是否为空字符串,全空格也是空字符串 
 * @param str 
 * @returns {Boolean} 
 */ 
function isBlank(str){ 
 if(str == null || typeof str == "undefined" || 
   str == "" || trim(str) == ""){ 
  return true; 
 } 
 return false; 
};
/**
 * 检查手机号码
 * @param z_check_value 要检查的值
 * @return 符合返回true,否false
 * @since 2015-08-21
*/ 
function checkPhone(z_check_value) { 
 if(isEmpty(z_check_value) || z_check_value.length != 11){ 
  return false; 
 } 
 var z_reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0-9]{9}|(14[57][0-9]{8})|(17[015678][0-9]{8})$/; 
 return z_reg.test(z_check_value); 
};
/**
 * 检查电话号码
 * @param z_check_value 要检查的值
 * @return 符合返回true,否false
 * @since 2015-08-21
*/ 
function checkTelePhone(z_check_value){ 
 var z_reg = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,4}))?$/; 
 return z_reg.test($.trim(z_check_value)); 
};  
/**
 * 检查仅中文
 * @param z_check_value 要检查的值
 * @return 符合返回true,否false
 * @since 2015-08-21
*/ 
function checkChinese(z_check_value){ 
 var z_reg = /^[\u4E00-\u9FA5\uF900-\uFA2D]+$/; 
 return z_reg.test($.trim(z_check_value)); 
};
/**
 * 是否为数字
 * @param z_check_value 要检查的值
 * @return 符合返回true,否false
 * @since 2016-10-31
*/ 
function isNumber(z_check_value){ 
 var z_reg = /^(([0-9])|([1-9]([0-9]+)))$/; 
 return z_reg.test($.trim(z_check_value)); 
};
/**
 * 是否为数字组成的字符串,01也符合规则
 * @param z_check_value 要检查的值
 * @return 符合返回true,否false
 * @since 2017-01-07
*/ 
function isNumberText(z_check_value){ 
 var z_reg = /^([0-9]+)$/; 
 return z_reg.test($.trim(z_check_value)); 
};
/**
 * 可以判断是否为数字、金额、浮点数
 * @param z_check_value 要检查的值
 * @return 符合返回true,否false
 * @author lqy
 * @since 2017-01-07
*/ 
function isFloat(z_check_value){ 
 var z_reg = /^((([0-9])|([1-9][0-9]+))(\.([0-9]+))?)$/;//.是特殊字符,需要转义 
 return z_reg.test($.trim(z_check_value)); 
};

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
复制小说文本时出现的随机乱码的去除方法
Sep 07 Javascript
如何使用jquery动态加载js,css文件实现代码
Apr 03 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
angularjs创建弹出框实现拖动效果
Aug 25 Javascript
js 动态添加元素(div、li、img等)及设置属性的方法
Jul 19 Javascript
Jquery和Js获得元素标签名称的方法总结
Oct 08 Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
Angular resolve基础用法详解
Oct 03 Javascript
JavaScript设计模式之责任链模式实例分析
Jan 16 Javascript
js类的继承定义与用法分析
Jun 21 Javascript
Javascript blur与click冲突解决办法
Jan 09 #Javascript
简单实现jQuery级联菜单
Jan 09 #Javascript
prototype与__proto__区别详细介绍
Jan 09 #Javascript
jQuery实现二维码扫描功能
Jan 09 #Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
Jan 09 #Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 #Javascript
基于jQuery实现滚动刷新效果
Jan 09 #Javascript
You might like
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
驱动事件的addEvent.js代码
2007/03/27 Javascript
jquery判断浏览器类型的代码
2012/11/05 Javascript
ECMAScript5(ES5)中bind方法使用小结
2015/05/07 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
2015/08/13 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
js转html实体的方法
2016/09/27 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
2016/12/27 Javascript
Angular4 中内置指令的基本用法
2017/07/31 Javascript
仿京东快报向上滚动的实例
2017/12/13 Javascript
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
webpack4 处理SCSS的方法示例
2018/09/03 Javascript
jQuery实现合并表格单元格中相同行操作示例
2019/01/28 jQuery
基于Vue2-Calendar改进的日历组件(含中文使用说明)
2019/04/14 Javascript
js实现简易计算器功能
2019/10/18 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
2020/10/28 Javascript
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
对python字典元素的添加与修改方法详解
2018/07/06 Python
Python爬虫 批量爬取下载抖音视频代码实例
2019/08/16 Python
python支付宝支付示例详解
2019/08/22 Python
python3.8 微信发送服务器监控报警消息代码实现
2019/11/05 Python
Pandas对每个分组应用apply函数的实现
2020/12/13 Python
python math模块的基本使用教程
2021/01/16 Python
煤矿班组长的职责
2013/12/25 职场文书
继电保护工岗位职责
2014/01/05 职场文书
关于保护环境的建议书
2014/05/13 职场文书
培训研修方案
2014/06/06 职场文书
2014年物流工作总结
2014/11/25 职场文书
宾馆安全管理制度
2015/08/06 职场文书
爱护公物主题班会
2015/08/17 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书
Nginx如何限制IP访问只允许特定域名访问
2022/07/23 Servers