详解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 相关文章推荐
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
jquery中one()方法的用法实例
Jan 16 Javascript
原生js制作简单的数字键盘
Apr 24 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
Aug 10 Javascript
JavaScript多并发问题如何处理
Oct 28 Javascript
js仿小米官网图片轮播特效
Sep 29 Javascript
js Canvas绘制圆形时钟效果
Feb 17 Javascript
Express框架之connect-flash详解
May 31 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 Javascript
vue请求本地自己编写的json文件的方法
Apr 25 Javascript
微信小程序基于高德地图查找位置并显示文字
Oct 30 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 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 500报错的快速解决方法
2016/12/14 PHP
浅析PHP开发规范
2018/02/05 PHP
JavaScript的面向对象(一)
2006/11/09 Javascript
js 处理URL实用技巧
2010/11/23 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
js 实现 input type="file" 文件上传示例代码
2013/08/07 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
2013/11/14 Javascript
js获取下拉列表的值和元素个数示例
2014/05/07 Javascript
聊一聊JS中的prototype
2016/09/29 Javascript
Vue.js实现拖放效果的实例
2016/09/30 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
vue项目,代码提交至码云,iconfont的用法说明
2020/07/30 Javascript
Python图像灰度变换及图像数组操作
2016/01/27 Python
Python基于jieba库进行简单分词及词云功能实现方法
2018/06/16 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
python sorted方法和列表使用解析
2019/11/18 Python
Python 识别12306图片验证码物品的实现示例
2020/01/20 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
如何在mac下配置python虚拟环境
2020/07/06 Python
python 下载文件的多种方法汇总
2020/11/17 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
MVC的各个部分都有那些技术来实现?如何实现?
2016/04/21 面试题
对教师的评语
2014/04/28 职场文书
党性观念心得体会
2014/09/03 职场文书
医院领导班子四风对照检查材料
2014/09/27 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
入党介绍人意见2015
2015/06/01 职场文书
2016年感恩节寄语
2015/12/07 职场文书
自荐信大全
2019/03/21 职场文书
《敬重卑微》读后感3篇
2019/11/26 职场文书
Python自然语言处理之切分算法详解
2021/04/25 Python
如何使用vue3打造一个物料库
2021/05/08 Vue.js
使用python绘制横竖条形图
2022/04/21 Python