工作中比较实用的js验证和数据处理的干货

在开发web项目的时候，难免遇到各种对网页数据的处理，比如对用户在表单中输入的电话号码、邮箱、金额、身份证号、密码长度和复杂程度等等的验证，以及对后台返回

数据的格式化比如金额，返回的值为null，还有对指定日期之前或之后某一天或某一月的计算。

遇到需要对数据及表单验证的，我相信大家都像我一样，喜欢在网上找相关的方法，因为自己写的话，是比较耗时的。今天就给大家分享一下，自己在工作中总结的一些常用

的js。

/**
 * 验证密码复杂度（必须包含数字字母）
 * @param str
 * @returns true:满足规则，false:不满足
 */
function validateStr(str){
	var reg1 = /^(([0-9]{1,})([a-z]{1,}))|(([a-z]{1,})([0-9]{1,}))$/;
	var reg2 = /^(([0-9]{1,})([A-Z]{1,}))|(([A-Z]{1,})([0-9]{1,}))$/;
	//var reg3 = /^([a-zA-Z]{0,})[0-9a-z-A-z]{0,}[~`[email protected]#$%^&*.]{0,}$/;
	str = valueTrim(str);
	//if(reg3.test(str)){
	//	return true;
	//}
	if(reg1.test(str)){
		return true;
	}
	if(reg2.test(str)){
		return true;
	}
	return false;
}

/**
 * 判断字符串长度 必须大于8位小于20位，一般用于密码
 * @param str 字符串
 * @returns 满足返回true
 */
function valiDateLength(str){
	if(str==null || str==''){
		return false;
	}
	str = valueTrim(str);
	if(parseFloat(str.length)<8 ){
		return false;
	}
	if(parseFloat(str.length)>20){
		return false;
	}
	return true;
}
/**
 * 验证时间
 * @param dataValue 格式为：YYYY-MM-DD
 * @returns 匹配返回true 不匹配返回false
 */
function valiDate(dateValue){
	var result = dateValue.match(/((^((1[8-9]\d{2})|([2-9]\d{3}))(-)(10|12|0?[13578])(-)(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(-)(11|0?[469])(-)(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(-)(0?2)(-)(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)(-)(0?2)(-)(29)$)|(^([3579][26]00)(-)(0?2)(-)(29)$)|(^([1][89][0][48])(-)(0?2)(-)(29)$)|(^([2-9][0-9][0][48])(-)(0?2)(-)(29)$)|(^([1][89][2468][048])(-)(0?2)(-)(29)$)|(^([2-9][0-9][2468][048])(-)(0?2)(-)(29)$)|(^([1][89][13579][26])(-)(0?2)(-)(29)$)|(^([2-9][0-9][13579][26])(-)(0?2)(-)(29)$))/);
	if(result==null){
		return false;
	}
	return true;
}

/**
 * 验证电话号码
 * @param phoneValue 要验证的电话号码
 * @returns 匹配返回true 不匹配返回false
 */
function validatePhone(phoneValue) {
	phoneValue = valueTrim(phoneValue);
	var reg = /^[1][0-9]{10}$/;
	return reg.test(phoneValue);
}
/**
 * 验证邮箱
 * @param emailValue 要验证的邮箱
 * @returns 匹配返回true 不匹配返回false
 */
function validateEmail(emailValue){
	var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
	return reg.test(emailValue);
}
/**
 * 判断是否是数字
 * @param numberValue 要验证的数据
 * @returns 匹配返回true 不匹配返回false
 */
function isNumber(numberValue){
	//定义正则表达式部分
	var reg1 = /^[0-9]{0,}$/;
	var reg2 = /^[1-9]{1}[0-9]{0,}$/;
	//alert(numberValue);
	if(numberValue ==null || numberValue.length==0){
		return false;
	}
	numberValue = valueTrim(numberValue);
	//判断当数字只有1位时
	if(numberValue.length<2){
		return reg1.test(numberValue);
	}
	return reg2.test(numberValue);;
}
/***
 * 金额
 * @param value
 * @returns
 */
function isMoney(value) {
	if(value==''){
		return false;
	}
	value = valueTrim(value);
	value = value.replace(/(^\s*)|(\s*$)/g, "");
	var reg = /^[0-9]*\.?[0-9]{0,2}$/;
	if(isNumber(value)){
		return true;
	}
	if(value.length>3){
		if(value.substr(0, 1)=="0"){
			if(value.substr(3,value.length).length>2){
				return false;
			}
		}
	}
	return reg.test(value);
}
/***
 * 判断是否是0到100之间的数
 * @param value
 * @returns
 */
function isZeroToOne(value) {
	if(value==''){
		return false;
	}
	value = valueTrim(value);
	if(isMyFloat(value)){
		if(parseFloat(value)<100 && parseFloat(value)>0){
			return true;
		}
	}
	return false;
}

/**
 * 验证是否是浮点数
 * @param floatValue 要验证的数据
 * @returns 匹配返回true 不匹配返回false
 */
function isMyFloat(floatValue){
	if(floatValue==''){
		return false;
	}
	floatValue = valueTrim(floatValue);
	var reg = /^(\d+)(\.\d+)$/;
	if(isNumber(floatValue)){
		return true;
	}
	if(floatValue.length>3){
		if(floatValue.substr(0, 1)=="0"){
			if(floatValue.substr(0, 2)!="0."){
				return false;
			}
		}
	}
	return reg.test(floatValue);
}
/**
 * 判断是否是汉字
 * @param charValue 要验证的数据
 * @returns 匹配返回true 不匹配返回false
 */
function isCharacter(charValue){
	var reg = /^[\u4e00-\u9fa5]{0,}$/;
	return reg.test(charValue);
}
/**
 * 验证座机号
 * @param telValue 要验证的座机号
 * @returns 匹配返回true 不匹配返回false
 */
function valiDateTel(telValue){
	var reg = /^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$/;
	telValue = valueTrim(telValue);
	if(!reg.test(telValue)){
		return false;
    }
	return true;
}

var Wi = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1 ];    // 加权因子
var ValideCode = [ 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ];            // 身份证验证位值.10代表X
/**
 * 验证身份证
 * @param idCard 需要验证的身份证号
 * @returns 匹配返回true 不匹配返回false
 */
function IdCardValidate(idCardValue) {
	//去掉字符串头尾空格
	idCardValue = valueTrim(idCardValue.replace(/ /g, ""));
    if (idCardValue.length == 15) {
    	//进行15位身份证的验证
        return isValidityBrithBy15IdCard(idCardValue);
    } else if (idCardValue.length == 18) {
    	// 得到身份证数组
        var a_idCard = idCardValue.split("");
        //进行18位身份证的基本验证和第18位的验证
        if(isValidityBrithBy18IdCard(idCardValue)&&isTrueValidateCodeBy18IdCard(a_idCard)){
            return true;
        }else {
            return false;
        }
    } else {
        return false;
    }
}
/**
 * 判断身份证号码为18位时最后的验证位是否正确
 * @param a_idCard 身份证号码数组
 * @return
 */
function isTrueValidateCodeBy18IdCard(a_idCard) {
    var sum = 0; // 声明加权求和变量
    if (a_idCard[17].toLowerCase() == 'x') {
        a_idCard[17] = 10;// 将最后位为x的验证码替换为10方便后续操作
    }
    for ( var i = 0; i < 17; i++) {
        sum += Wi[i] * a_idCard[i];// 加权求和
    }
    valCodePosition = sum % 11; // 得到验证码所位置
    if (a_idCard[17] == ValideCode[valCodePosition]) {
        return true;
    } else {
        return false;
    }
}
/**
  * 验证18位数身份证号码中的生日是否是有效生日
  * @param idCard 18位书身份证字符串
  * @return
  */
function isValidityBrithBy18IdCard(idCard18){
    var year =  idCard18.substring(6,10);
    var month = idCard18.substring(10,12);
    var day = idCard18.substring(12,14);
    var temp_date = new Date(year,parseFloat(month)-1,parseFloat(day));
    // 这里用getFullYear()获取年份，避免千年虫问题
    if(temp_date.getFullYear()!=parseFloat(year)
          ||temp_date.getMonth()!=parseFloat(month)-1
          ||temp_date.getDate()!=parseFloat(day)){
            return false;
    }else{
        return true;
    }
}
/**
  * 验证15位数身份证号码中的生日是否是有效生日
  * @param idCard15 15位书身份证字符串
  * @return
  */
function isValidityBrithBy15IdCard(idCard15){
   var year =  idCard15.substring(6,8);
   var month = idCard15.substring(8,10);
   var day = idCard15.substring(10,12);
   var temp_date = new Date(year,parseFloat(month)-1,parseFloat(day));
   // 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法
   if(temp_date.getYear()!=parseFloat(year)
           ||temp_date.getMonth()!=parseFloat(month)-1
           ||temp_date.getDate()!=parseFloat(day)){
       return false;
   }else{
       return true;
   }
}
//去掉字符串头尾空格
function valueTrim(str) {
    return str.replace(/(^\s*)|(\s*$)/g, "");
}

/**
 * 检验18位身份证号码（15位号码可以只检测生日是否正确即可，自行解决）
 * @param idCardValue 18位身份证号
 * @returns 匹配返回true 不匹配返回false
 */
function idCardVildate(cid){
    var arrExp = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];//加权因子
    var arrValid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2];//校验码
    var reg = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
    if(reg.test(cid)){
        var sum = 0, idx;
        for(var i = 0; i < cid.length - 1; i++){
            // 对前17位数字与权值乘积求和
            sum += parseInt(cid.substr(i, 1), 10) * arrExp[i];
        }
        // 计算模（固定算法）
        idx = sum % 11;
        // 检验第18为是否与校验码相等
        return arrValid[idx] == cid.substr(17, 1).toUpperCase();
    }else{
        return false;
    }
}

/**
 * 获取指定日期之前或之后的第几天
 *
 * @param dayCount
 *            正数为以后时间，负数为以前时间 如：1表示为明天，-1为昨天
 *
 */
function getDateStr(dates, dayCount) {
	var dateTime = dayCount * 24 * 60 * 60 * 1000;
	var dd = new Date();
	if (dates == "") {
		dd = new Date();
	} else {
		dd = new Date(dates);
	}
	var dateNumber = dd.getTime() + dateTime;
	var newDate = new Date(dateNumber);
	var y = newDate.getFullYear();
	var m = newDate.getMonth() + 1;// 获取当前月份的日期
	var d = newDate.getDate();
	if (m < 10) {
		m = "0" + m;
	}
	if (d < 10) {
		d = "0" + d;
	}
	return y + "-" + m + "-" + d;
}
/**
 * 获取指定月份的之前或之后的第几个月
 *
 * @param dayCount
 *            正数为以后月份，负数为以前月份 如：1表示为下月，-1为上月
 *
 */
function getMonthStr(dates, monthCount) {
	var dd = new Date();
	if (dates == "") {
		dd = new Date();
	} else {
		dd = new Date(dates);
	}
	var y = dd.getFullYear();
	var m = dd.getMonth() + 1;// 获取当前月份的日期
	m = m + monthCount;
	if (m == 0) {
		m = "12";
		y = y - 1;
	} else if (m < 10) {
		m = "0" + m;
	} else if (m > 12) {
		m = m - 12;
		m = "0" + m;
		y = y + 1;
	}
	return y + "-" + m;
}
/**
*
*对val值为undefined返回“”，否则返回原值
*/
function dealNull(val) {
	if (typeof (val) == "undefined") {
		return "";
	} else {
		return val;
	}
}

注：部分代码参考网上资料。

时间： 2024-10-08 13:32:39

工作中比较实用的js验证和数据处理的干货的相关文章

工作中常用,实用工具推荐！

原文:工作中常用,实用工具推荐! Red Gate 家族 大名鼎鼎的RedGate,相信大家都不会陌生,Reflector就是它家做的.这里就不介绍了.我本地安装的是09年下的一个套装,我介绍下常用的工具: SQL DOC: 如图:图1是编辑表名,编辑好之后图2能选择多种生成类型,图3和4是生成的chm的效果,挺不错的吧,索引,sql脚本,都生成好了,看起来 很不错啊! SQL DataGenerator 为我们新项目生成测试数据,你也可以自定义数据比如说长度啊,最小最大值,递增还是随机等等,如

记录下工作中使用的pdf.js

在工作中遇到一个通过网页的形式浏览pdf文件以及图片的需求,图片简单,直接通过网页的形式打开这个图片的URL即可.而pdf这边,通过查询发现有一个名为pdf.js的神器. 简单介绍下,它可以在html中直接浏览pdf文件,pdf的每一页数据,通过H5的canvas进行解析,以及显示.其中还可以操作页数.滚动.打印.下载等功能.git上的地址为:http://mozilla.github.io/pdf.js/ 网上的文档资料很多,就不记录了,直接留存通用代码. <!DOCTYPE html> &

工作中一些常用的js函数总结

1.随机数 function rnd(n,m){ return parseInt(Math.random()*(m-n)+n); } 2.获取非行间样式 function getStyle(obj,name){ return obj.currentStyle?obj.currentStyle[name]:getComputedStyle(obj,false)[name]; } 3.通过class获取元素 function getByClass(obj,sClass){ var aEle = ob

原生js（form）验证，可以借鉴下思路，应用到工作中

我在工作中时常使用form验证,在目前的公司做的表单验证用的angular的form组件,对于一个有追求的前端,或者应用在移动端写个form验证,引入angular或者jquery组件等验证,难免显得臃肿,最好是原生js吧,轻量.幸运 的等到这一课,加上之前所学,慢慢融合根据需求,应用到工作项目中... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR

eclipse中禁用JS验证

Eclipse中禁用JS验证 很久都未很好的解决eclipse对JS的验证,各种尝试屡试不爽.今找一牛B方法....看图. Right click your project  (右单击工程属性) Select Properties -> JavaScript -> Include(选择JavaScript下的include菜单) Select Source tab (It looks similar to the Java Build Path Source tab)(选择SOURCE标签)

在自定义的js验证规则中调用magento的VarienForm方法验证表单

js部分<script type="text/javascript"> //<![CDATA[ var loginForm = new VarienForm('login-form', true); $('login-email').observe('keypress', bindLoginPost); $('login-password').observe('keypress', bindLoginPost); function bindLoginPost(evt)

工作中遇到的js错误（随时补充）

自己在工作中,写js的时候经常遇到一些不符合预期的错误,特此记录下来: 1.火狐和谷歌关于keycode事件的兼容:写了一段js控制输入框只能输入数字,但是发现在谷歌浏览器就可以使用,但是放到火狐里面就是不能输入数字. $(".money").live("keypress", function (event) { var e = event ? event :(window.event ? window.event : null); var keyCode=e.ke

射频工程师如何在实际工作中学习射频

当射频工程师知道自己的工作职责之后,我们应该如何在工作和实践中进一步学习它呢?现实工作中有很多案例,不是我们通过多少多少的积分微积分方程就可以轻松解决的.这不是说微波方程在实际工作毫无意义,而是说的很多人重复的那一点,"理论要靠实践来检验". 踏入社会工作的第一天,不是你大功告成的第一天,而是你真正学习课本的第一天,是你检验课堂知识的第一天.很多朋友都希望毕业后马上进入一个好的公司,好的部门工作,想搞技术的第一选研究所,选到好公司的,想进公司中央研究部门,进到差一点的公司的也想起码得进

知乎上关于前端工作中经常遇到的问题总结

有哪些经常被误用的 HTML.JavaScript.CSS 的元素.方法和属性? 以前想要把一个元素(input 之类的)设成只读的时候都是用 disabled,后来发现这是不对的. 因为在 HTML 里面,如果一个元素被设置成 disabled, 那么它的值就不会被发送到 server 端. 正确的做法应该是使用 readonly. 那么除了这个 disabled,在 Web 开发中还有哪些东西是经常被误用的? 添加评论分享 按票数排序 按时间排序 21 个回答 一丝,专业 CSS 吐槽,下面