详解Jquery Easyui的验证扩展
更新时间:2017年01月09日 11:36:40 作者:蕃薯耀
本文主要介绍了Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式。具有一定的参考价值,下面跟着小编一起来看下吧
一、扩展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进度条组件Progress使用详解(8)
- 如何解决jQuery EasyUI 已打开Tab重新加载问题
- jQuery Easyui datagrid editor为combobox时指定数据源实例
- jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
- Jquery Easyui选项卡组件Tab使用详解(10)
- Jquery Easyui菜单组件Menu使用详解(15)
- Jquery Easyui自定义下拉框组件使用详解(21)
- Jquery Easyui搜索框组件SearchBox使用详解(19)
- jQuery Easyui 下拉树组件combotree
- jQuery Easyui datagrid连续发送两次请求问题
相关文章
jQuery ''行 4954 错误: 不支持该属性或方法'' 的问题解决方法
这个问题只在IE下出现。诡异的是,对于出现这个问题的页面,重新刷新一下就又好了,Ajax 工作一切正常。顺便说一下,我的 jQuery 版本是 1.4.2。2011-01-01基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
目前只能算个不完整的脚本,不过一般的仅仅需要表头冻结就可以使用了2010-05-05jQuery EasyUI框架中的Datagrid数据表格组件结构详解
jQuery EasyUI是一个旨在辅助HTML5打造更好的Web界面的框架,而其中的Datagrid组件也是非常强大,这里我们就来看一下jQuery EasyUI框架中的Datagrid数据表格组件结构详解2016-06-06
最新评论