工作中比较实用的JavaScript验证和数据处理的干货(经典)


Posted in Javascript onAugust 03, 2016

 在开发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,}[~`!@#$%^&*.]{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; 
} 
}

以上所述是小编给大家介绍的工作中比较实用的JavaScript验证和数据处理的干货(经典),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
翻译整理的jQuery使用查询手册
Mar 07 Javascript
javascript中的float运算精度实例分析
Aug 21 Javascript
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
Ajax提交与传统表单提交的区别说明
Feb 07 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
Jun 24 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
Apr 08 Javascript
深入理解JavaScript中的浮点数
May 18 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
Jul 01 Javascript
bootstrap提示标签、提示框实现代码
Dec 28 Javascript
深入理解Vue nextTick 机制
Apr 28 Javascript
JS中封装axios来管控api的2种方式
Sep 11 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
深入浅出讲解ES6的解构
Aug 03 #Javascript
JS模拟实现方法重载示例
Aug 03 #Javascript
jQuery数组处理函数整理
Aug 03 #Javascript
功能强大的Bootstrap组件(结合js)
Aug 03 #Javascript
AngularJS基础 ng-submit 指令简单示例
Aug 03 #Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 #Javascript
AngularJS教程 ng-style 指令简单示例
Aug 03 #Javascript
You might like
深入解析PHP垃圾回收机制对内存泄露的处理
2013/06/14 PHP
php自动识别文件编码并转换为UTF-8的方法
2014/06/12 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
laravel安装和配置教程
2014/10/29 PHP
php+croppic.js实现剪切上传图片功能
2018/08/14 PHP
javascript实现动态模态绑定grid过程代码
2014/09/22 Javascript
28个常用JavaScript方法集锦
2015/01/14 Javascript
基于node实现websocket协议
2016/04/25 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
原生js实现公告滚动效果
2021/01/10 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
Python中的条件判断语句与循环语句用法小结
2016/03/21 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
使用python调用zxing库生成二维码图片详解
2017/01/10 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
Python实现的根据文件名查找数据文件功能示例
2018/05/02 Python
举例讲解Python常用模块
2019/03/08 Python
python文字和unicode/ascll相互转换函数及简单加密解密实现代码
2019/08/12 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
娇韵诗香港官网:Clarins香港
2020/08/13 全球购物
服务理念口号
2014/06/11 职场文书
花坛标语大全
2014/06/30 职场文书
2014年房地产个人工作总结
2014/12/20 职场文书
节水倡议书
2015/01/19 职场文书
教育读书笔记
2015/07/02 职场文书
z-index不起作用
2021/03/31 HTML / CSS
Java面试题冲刺第十八天--Spring框架3
2021/08/07 面试题
Windows下载并安装MySQL8.0.x 版本的完整教程
2022/04/10 MySQL
HTML页面中使两个div并排显示的实现
2022/05/15 HTML / CSS