专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > jQuery

Jquery Easyui验证扩充,EasyUI增加校验规则,Easyui验证,Easyui校验

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验

 Jquery Easyui验证扩展,EasyUI增加校验规则,Easyui验证,Easyui校验,js正则表达式

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2017年1月9日 08:52:19 星期一

http://fanshuyao.iteye.com/

 

一、扩展easyui的验证规则

 

    /* easyUI自带的校验 */
    /* 
	    email: Match email regex rule.
	    url: Match URL regex rule.
	    length[0,100]: Between x and x characters allowed.
	    remote['http://.../action.do','paramName']: Send ajax request to do validate value, return 'true' when successfully. 
    */
    
    $.extend($.fn.validatebox.defaults.rules, {
    	phone : {//手机号码校验
           validator: function(value, param){
               return checkPhone(value);
           },
           message: '请输入正确的手机号码。'
       },
       myEmail : {//邮箱校验,避免使用email和默认的冲突
           validator: function(value, param){
               return checkEmail(value);
           },
           message: '请输入正确的邮箱'
       },
       loginName : {//登录名,数字、英文字母或者下划线
           validator: function(value, param){
               return checkLoginName(value);
           },
           message: '只能输入数字、英文字母或者下划线'
       },
       telePhone : {//座机,区号及分机号可有可无
           validator: function(value, param){
               return checkTelePhone(value);
           },
           message: '请输入正确的座机号码'
       },
       chinese : {//
           validator: function(value, param){
               return checkChinese(value);
           },
           message: '只能输入中文汉字'
       },
       number : {//正整数,包括0(00,01非数字)
           validator: function(value, param){
               return isNumber(value);
           },
           message: '只能输入数字(01非数字)'
       },
       numberText : {//数字组成的字符串,如000222,22220000,00000
           validator: function(value, param){
               return isNumberText(value);
           },
           message: '只能输入数字字符串'
       },
       idCardNo : {//身份证
           validator: function(value, param){
               return isIdCardNo(value);
           },
           message: '请输入正确的身份证号码'
       },
       money : {//金额
           validator: function(value, param){
               return isFloat(value);
           },
           message: '请输入正确的数字'
       },
       floatNumber : {//数字(包括正整数、0、浮点数)
           validator: function(value, param){
               return isFloat(value);
           },
           message: '请输入正确的数字'
       },
       minLength: {
           validator: function(value, param){
               return value.length >= param[0];
           },
           message: '请输入至少 {0}个字符。'
       },
       maxLength: {
           validator: function(value, param){
               return value.length <= param[0];
           },
           message: '不能输入超过{0}个字符。'
       }
   });

 

二、使用

在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 checkEmail(z_check_value){
	//var emailReg = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/;
	var z_reg =  /^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/;
	return z_reg.test($.trim(z_check_value));
};

 

/**
 * 检查登录名(由数字、26个英文字母或者下划线组成的字符串)
 * @param z_check_value 要检查的值
 * @return 符合返回true,否false
 * @since 2015-12-29
*/
function checkLoginName(z_check_value){
	var z_reg = /^w+$/;
	return z_reg.test($.trim(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}-)?(0d{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-u9FA5uF900-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));
};

 

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2017年1月9日 08:52:19 星期一

http://fanshuyao.iteye.com/

1 楼 蕃薯耀 2017-01-09  
Jquery Easyui验证扩展,Easyui验证,Easyui校验,js正则表达式

>>>>>>>>>>.
蕃薯耀
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

  • jQuery搜索框输入文字下拉揭示菜单

    jQuery搜索框输入文字下拉提示菜单 jQuery搜索框输入文字下拉提示菜单 原文地址: http://www.jq22.com/jquery-info6193 ...

  • 7个替开发者准备的有用的jQuery技巧

    7个为开发者准备的有用的jQuery技巧 一、在新窗口打开链接 用下面的代码,你点击链接即可在新窗口打开: $(document).ready(fu...

  • jQuery获取呼应Input例子

    jQuery获取相应Input例子 页面上有许多input框,使用的是EasyUI样式,中间还参杂着各种其他无id的Input框,如下: <input class=...

  • webpack 引出jquery和第三方jquery插件

    webpack 引入jquery和第三方jquery插件 1、引入jquery jQuery 直接在 html 中引入,然后在 webpack 中把它配置为全局即可。 index....

  • JQuery的开发与使用经验

    JQuery的开发与使用心得 关于jQuery的 入门使用jQuery可以很容易或具有挑战性的,这取决于你如何使用JavaScript,HTML,CSS进行开发和...

  • 深入学习jQuery卡通片控制

    深入学习jQuery动画控制 &times; 目录 [1]动画状态 [2]停止动画 [3]动画延迟[4]全局控制 前面的话   jQuery动画可以使用fade、...

  • jquery操作table报表

    jquery操作table表格 一、数据准备 <table id="table1"> <tr><th>文章标题</th><th>文章分类</th><th>发布时间</th><th>...

  • html + css + jquery实现简略的进度条实例

    html + css + jquery实现简单的进度条实例 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq...

  • jquery中ajax方法的datatype的功用

    jquery中ajax方法的datatype的作用 今天在维护一个项目的时候遇见了一个小问题。但是这个问题我认为对于项目十分有帮助。...

  • jQuery菜单示范(全选,反选,取消)

    jQuery菜单示例(全选,反选,取消) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <titl...

热门推荐: