常用的js驗證和數(shù)據(jù)處理總結(jié)
更新時間：2016年08月02日 11:13:13 投稿：daisy
遇到需要對數(shù)據(jù)及表單驗證的，我相信大家都像我一樣，喜歡在網(wǎng)上找相關(guān)的方法，因為自己寫的話，是比較耗時的。今天就給大家分享一下，自己在工作中總結(jié)的一些常用的js。
前言
在開發(fā)web項目的時候，難免遇到各種對網(wǎng)頁數(shù)據(jù)的處理，比如對用戶在表單中輸入的電話號碼、郵箱、金額、身份證號、密碼長度和復(fù)雜程度等等的驗證，以及對后臺返回
數(shù)據(jù)的格式化比如金額，返回的值為null，還有對指定日期之前或之后某一天或某一月的計算。
下面是給大家總結(jié)的一些在工作中常用到的js，有需要的可以參考學(xué)習(xí)。
/**
* 驗證密碼復(fù)雜度（必須包含數(shù)字字母）
* @param str
* @returns true:滿足規(guī)則，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);
}
/**
* 判斷是否是數(shù)字
* @param numberValue 要驗證的數(shù)據(jù)
* @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);
//判斷當(dāng)數(shù)字只有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之間的數(shù)
* @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;
}
/**
* 驗證是否是浮點數(shù)
* @param floatValue 要驗證的數(shù)據(jù)
* @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 要驗證的數(shù)據(jù)
* @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 ]; // 加權(quán)因子
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) {
// 得到身份證數(shù)組
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 身份證號碼數(shù)組
* @return
*/
function isTrueValidateCodeBy18IdCard(a_idCard) {
var sum = 0; // 聲明加權(quán)求和變量
if (a_idCard[17].toLowerCase() == 'x') {
a_idCard[17] = 10;// 將最后位為x的驗證碼替換為10方便后續(xù)操作
}
for ( var i = 0; i < 17; i++) {
sum += Wi[i] * a_idCard[i];// 加權(quán)求和
}
valCodePosition = sum % 11; // 得到驗證碼所位置
if (a_idCard[17] == ValideCode[valCodePosition]) {
return true;
} else {
return false;
}
}
/**
* 驗證18位數(shù)身份證號碼中的生日是否是有效生日
* @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位數(shù)身份證號碼中的生日是否是有效生日
* @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];//加權(quán)因子
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位數(shù)字與權(quán)值乘積求和
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
* 正數(shù)為以后時間，負數(shù)為以前時間 如：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;// 獲取當(dāng)前月份的日期
var d = newDate.getDate();
if (m < 10) {
m = "0" + m;
}
if (d < 10) {
d = "0" + d;
}
return y + "-" + m + "-" + d;
}
/**
* 獲取指定月份的之前或之后的第幾個月
*
* @param dayCount
* 正數(shù)為以后月份，負數(shù)為以前月份 如：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;// 獲取當(dāng)前月份的日期
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;
}
}
總結(jié)
以上就是為大家整理的比較實用的js驗證和數(shù)據(jù)處理的干貨，對大家日常工作的時候很有幫助，建議大家收藏，方便以后查閱，謝謝大家對腳本之家的支持。
相關(guān)文章
今天小編就為大家分享一篇layui表格 列自動適應(yīng)大小失效的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了JavaScript中filter的用法,結(jié)合實例形式分析了filter的功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了JavaScript實現(xiàn)滑動選擇日期功能，基于sui-mobile的移動端實現(xiàn)，感興趣的小伙伴們可以參考一下2016-06-06
javascript生成json數(shù)據(jù)簡單示例分享
這篇文章主要介紹了javascript生成json數(shù)據(jù)示例,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了微信小程序列表埋點曝光指南，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
Bootstrap Multiselect 常用組件實現(xiàn)代碼
bootstrap-multiselect插件是一款基于bootstrap的下拉框美化插件，我們一般用來請求后臺返回具有l(wèi)abel和text對象的json數(shù)組即可渲染。接下來通過本文給大家分享Bootstrap Multiselect 常用組件實現(xiàn)代碼，感興趣的朋友一起看看吧2017-07-07
這篇文章主要介紹了微信小程序下拉框搜索功能的實現(xiàn)方法，內(nèi)容比較簡單容易理解 ,需要的朋友可以參考下2019-07-07
今天小編就為大家分享一篇layui富文本編輯器前端無法取值的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
你還在為offset,scroll,inner,client,screen,mouse發(fā)愁嗎? 頭都大了。而且各個瀏覽器方法還不太一樣。所以往往很浪費我們的時間。 于是我產(chǎn)生了寫一個方法用戶 專門獲取這樣的數(shù)據(jù)。2010-06-06
今天小編就為大家分享一篇在layui下對元素進行事件綁定的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09