详解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 相关文章推荐
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
Jul 13 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
解析jquery easyui tree异步加载子节点问题
Mar 08 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
基于JavaScript实现微信抢红包功能
Jul 20 Javascript
详解vue移动端日期选择组件
Feb 22 Javascript
Vue中使用vee-validate表单验证的方法
May 09 Javascript
详解Nuxt.js部署及踩过的坑
Aug 07 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
Nov 30 Javascript
Vue+Django项目部署详解
May 30 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
基于javascript处理二进制图片流过程详解
Jun 08 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速度全攻略
2006/10/09 PHP
PHP 数据库树的遍历方法
2009/02/06 PHP
PHP 一个随机字符串生成代码
2010/05/26 PHP
php fsockopen中多线程问题的解决办法[翻译]
2011/11/09 PHP
PHP判断指定时间段的2个方法
2014/03/14 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(六)
2014/06/23 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
PHP中预定义的6种接口介绍
2015/05/12 PHP
php中的常用魔术方法汇总
2016/02/14 PHP
jQuery textarea的长度进行验证
2009/05/06 Javascript
Js 刷新框架页的代码
2010/04/13 Javascript
JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
2012/04/07 Javascript
基于jquery的bankInput银行卡账号格式化
2012/08/22 Javascript
JavaScript比较两个对象是否相等的方法
2015/02/06 Javascript
JavaScript面向对象的实现方法小结
2015/04/14 Javascript
深入理解JavaScript中为什么string可以拥有方法
2016/05/24 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
2016/12/15 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
2017/07/22 jQuery
jquery.param()实现数组或对象的序列化方法
2018/10/08 jQuery
详解vuejs2.0 select 动态绑定下拉框支持多选
2019/04/25 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
vue中利用three.js实现全景图的完整示例
2020/12/07 Vue.js
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
详解Python命令行解析工具Argparse
2016/04/20 Python
深入理解Python 关于supper 的 用法和原理
2018/02/28 Python
python中pip的使用和修改下载源的方法
2019/07/08 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
英国最大的正宗复古足球衫制造商和零售商:TOFFS
2018/06/21 全球购物
门卫人员岗位职责
2013/12/24 职场文书
优秀求职信范文分享
2014/01/26 职场文书
总账会计岗位职责
2014/03/13 职场文书
推广活动策划方案
2014/08/23 职场文书
学术研讨会欢迎词
2015/01/26 职场文书
使用HTML+Css+transform实现3D导航栏的示例代码
2021/03/31 HTML / CSS
讲解Python实例练习逆序输出字符串
2022/05/06 Python