• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 详解Jquery Easyui的验证扩展

详解Jquery Easyui的验证扩展

作者:蕃薯耀 字体:[增加 减小] 来源:互联网 时间:2017-05-11

蕃薯耀通过本文主要向大家介绍了easyui详解,jquery easyui,jquery easyui官网,jquery easyui下载,jquery easyui教程等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

一、扩展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; 
};
</div>
/**
 * 检查手机号码
 * @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); 
};
</div>
/**
 * 检查电话号码
 * @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)); 
};  
</div>
/**
 * 检查仅中文
 * @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)); 
}; 
</div>
/**
 * 是否为数字
 * @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)); 
};
</div>
/**
 * 是否为数字组成的字符串,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)); 
}; 
</div>
/**
 * 可以判断是否为数字、金额、浮点数
 * @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)); 
};
</div>

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 详解Jquery Easyui的验证扩展

相关文章

  • 2017-05-11判断横屏竖屏(三种)
  • 2017-09-11JavaScript 函数介绍、函数调用
  • 2017-05-11微信小程序 Button 组件详解及简单实例
  • 2017-05-11完美实现js焦点轮播效果(二)(图片可滚动)
  • 2017-05-11jQuery实现弹幕效果
  • 2017-05-11JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
  • 2017-05-11jQuery阻止移动端遮罩层后页面滚动
  • 2017-05-11微信小程序 flex实现导航实例详解
  • 2017-05-11原生js实现轮播图
  • 2017-05-11jQuery操作json常用方法示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JQuery页面随滚动条动态加载效果的简单实现(推荐)
    • JS实现点击表头表格自动排序(含数字、字符串、日期)
    • 微信小程序 radio单选框组件详解及实例代码
    • 微信小程序实战之轮播图(3)
    • jQuery插件HighCharts绘制2D带有Legend的饼图效果示例【附demo源码下载】
    • js实现带简单弹性运动的导航条
    • JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
    • js实现百度搜索提示框
    • JS使用正则截取两个字符串之间的字符串实现方法详解
    • 前端存储的介绍和对比

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有