Jquery中Easyui验证扩展的示例分析

这篇文章主要为大家展示了“Jquery中Easyui验证扩展的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Jquery中Easyui验证扩展的示例分析”这篇文章吧。

目前成都创新互联公司已为超过千家的企业提供了网站建设、域名、网页空间、网站运营、企业网站设计、港口网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

一、扩展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)); 
};

以上是“Jquery中Easyui验证扩展的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


本文标题:Jquery中Easyui验证扩展的示例分析
分享网址:http://ybzwz.com/article/gisosd.html