详解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 相关文章推荐
通用JS事件写法实现代码
Jan 07 Javascript
浅析jQuery的链式调用之each函数
Dec 03 Javascript
JS中confirm,alert,prompt函数区别分析
Jan 17 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
Oct 16 Javascript
js模拟淘宝网的多级选择菜单实现方法
Aug 18 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
Feb 23 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
javascript作用域链与执行环境详解
Mar 25 Javascript
一步步教你利用webpack如何搭一个vue脚手架(超详细讲解和注释)
Jan 08 Javascript
vue动态设置img的src路径实例
Sep 18 Javascript
JS实现图片幻灯片效果代码实例
May 21 Javascript
element中table高度自适应的实现
Oct 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
模仿OSO的论坛(三)
2006/10/09 PHP
网友原创的PHP模板类代码
2008/09/07 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
PHP中substr函数字符串截取用法分析
2016/01/07 PHP
Yii2中datetime类的使用
2016/12/17 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
页面只能打开一次Cooike如何实现
2012/12/04 Javascript
javascript Deferred和递归次数限制实例
2014/10/21 Javascript
js中iframe调用父页面的方法
2014/10/30 Javascript
JS简单操作select和dropdownlist实例
2014/11/26 Javascript
JavaScript 对象深入学习总结(经典)
2015/09/29 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
2016/05/18 Javascript
vue.js表格分页示例
2016/10/18 Javascript
JavaScript数组复制详解
2017/02/02 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
2017/03/30 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
在Vue项目中引入腾讯验证码服务的教程
2018/04/03 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
vue项目实现图片上传功能
2019/12/23 Javascript
Python中matplotlib中文乱码解决办法
2017/05/12 Python
Python3实现的回文数判断及罗马数字转整数算法示例
2019/03/27 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
GetYourGuide台湾:预订旅游活动、景点和旅游项目
2019/06/10 全球购物
移动通信专业自荐信范文
2013/11/12 职场文书
财务部经理岗位职责
2014/02/03 职场文书
电子信息工程专业推荐信
2014/02/14 职场文书
教师岗位职责
2015/02/03 职场文书
结婚十年感言
2015/07/31 职场文书
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android