工作中比较实用的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和雅虎的yql服务实现天气预报服务示例
Feb 08 Javascript
jQuery CSS()方法改变现有的CSS样式表
Sep 09 Javascript
jQuery中triggerHandler()方法用法实例
Jan 19 Javascript
js实现网页多级级联菜单代码
Aug 20 Javascript
Angular2表单自定义验证器的实现
Oct 19 Javascript
详解Vue自定义过滤器的实现
Jan 10 Javascript
vue使用stompjs实现mqtt消息推送通知
Jun 22 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
vue slot 在子组件中显示父组件传递的模板
Mar 02 Javascript
在Node.js下运用MQTT协议实现即时通讯及离线推送的方法
Jan 24 Javascript
JS继承实现方法及优缺点详解
Sep 02 Javascript
基于postman获取动态数据过程详解
Sep 08 Javascript
深入浅出讲解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
dedecms后台验证码总提示错误的解决方法
2007/03/21 PHP
PHP Google的translate API代码
2008/12/10 PHP
PHP防范SQL注入的具体方法详解(测试通过)
2014/05/09 PHP
一个PHP实现的轻量级简单爬虫
2015/07/08 PHP
利用PHP如何实现Socket服务器
2015/09/23 PHP
thinkPHP数据查询常用方法总结【select,find,getField,query】
2017/03/15 PHP
Laravel 实现Controller向blade前台模板赋值的四种方式小结
2019/10/22 PHP
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
JSONObject使用方法详解
2015/12/17 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
javascript 动态样式添加的简单实现
2016/10/11 Javascript
Bootstrap路径导航与分页学习使用
2017/02/08 Javascript
JS实现标签页切换效果
2017/05/04 Javascript
vue elementui form表单验证的实现
2018/11/11 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
vue新建项目并配置标准路由过程解析
2019/12/09 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
2020/10/28 Javascript
swiperjs实现导航与tab页的联动
2020/12/13 Javascript
python实现爬取图书封面
2018/07/05 Python
pygame游戏之旅 计算游戏中躲过的障碍数量
2018/11/20 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
手把手教你安装Windows版本的Tensorflow
2020/03/26 Python
python如何进入交互模式
2020/07/06 Python
python绘制高斯曲线
2021/02/19 Python
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
学校十一活动方案
2014/02/01 职场文书
会计岗位描述
2014/02/22 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
货款欠条范本
2015/07/03 职场文书
2016年寒假社会实践活动总结
2015/10/10 职场文书
PYTHON InceptionV3模型的复现详解
2022/05/06 Python