常用的js驗(yàn)證和數(shù)據(jù)處理總結(jié)
前言
在開(kāi)發(fā)web項(xiàng)目的時(shí)候,難免遇到各種對(duì)網(wǎng)頁(yè)數(shù)據(jù)的處理,比如對(duì)用戶在表單中輸入的電話號(hào)碼、郵箱、金額、身份證號(hào)、密碼長(zhǎng)度和復(fù)雜程度等等的驗(yàn)證,以及對(duì)后臺(tái)返回
數(shù)據(jù)的格式化比如金額,返回的值為null,還有對(duì)指定日期之前或之后某一天或某一月的計(jì)算。
下面是給大家總結(jié)的一些在工作中常用到的js,有需要的可以參考學(xué)習(xí)。
/** * 驗(yàn)證密碼復(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; } /** * 判斷字符串長(zhǎng)度 必須大于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; } /** * 驗(yàn)證時(shí)間 * @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; } /** * 驗(yàn)證電話號(hào)碼 * @param phoneValue 要驗(yàn)證的電話號(hào)碼 * @returns 匹配返回true 不匹配返回false */ function validatePhone(phoneValue) { phoneValue = valueTrim(phoneValue); var reg = /^[1][0-9]{10}$/; return reg.test(phoneValue); } /** * 驗(yàn)證郵箱 * @param emailValue 要驗(yàn)證的郵箱 * @returns 匹配返回true 不匹配返回false */ function validateEmail(emailValue){ var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; return reg.test(emailValue); } /** * 判斷是否是數(shù)字 * @param numberValue 要驗(yàn)證的數(shù)據(jù) * @returns 匹配返回true 不匹配返回false */ function isNumber(numberValue){ //定義正則表達(dá)式部分 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位時(shí) 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; } /** * 驗(yàn)證是否是浮點(diǎn)數(shù) * @param floatValue 要驗(yàn)證的數(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 要驗(yàn)證的數(shù)據(jù) * @returns 匹配返回true 不匹配返回false */ function isCharacter(charValue){ var reg = /^[\u4e00-\u9fa5]{0,}$/; return reg.test(charValue); } /** * 驗(yàn)證座機(jī)號(hào) * @param telValue 要驗(yàn)證的座機(jī)號(hào) * @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 ]; // 身份證驗(yàn)證位值.10代表X /** * 驗(yàn)證身份證 * @param idCard 需要驗(yàn)證的身份證號(hào) * @returns 匹配返回true 不匹配返回false */ function IdCardValidate(idCardValue) { //去掉字符串頭尾空格 idCardValue = valueTrim(idCardValue.replace(/ /g, "")); if (idCardValue.length == 15) { //進(jìn)行15位身份證的驗(yàn)證 return isValidityBrithBy15IdCard(idCardValue); } else if (idCardValue.length == 18) { // 得到身份證數(shù)組 var a_idCard = idCardValue.split(""); //進(jìn)行18位身份證的基本驗(yàn)證和第18位的驗(yàn)證 if(isValidityBrithBy18IdCard(idCardValue)&&isTrueValidateCodeBy18IdCard(a_idCard)){ return true; }else { return false; } } else { return false; } } /** * 判斷身份證號(hào)碼為18位時(shí)最后的驗(yàn)證位是否正確 * @param a_idCard 身份證號(hào)碼數(shù)組 * @return */ function isTrueValidateCodeBy18IdCard(a_idCard) { var sum = 0; // 聲明加權(quán)求和變量 if (a_idCard[17].toLowerCase() == 'x') { a_idCard[17] = 10;// 將最后位為x的驗(yàn)證碼替換為10方便后續(xù)操作 } for ( var i = 0; i < 17; i++) { sum += Wi[i] * a_idCard[i];// 加權(quán)求和 } valCodePosition = sum % 11; // 得到驗(yàn)證碼所位置 if (a_idCard[17] == ValideCode[valCodePosition]) { return true; } else { return false; } } /** * 驗(yàn)證18位數(shù)身份證號(hào)碼中的生日是否是有效生日 * @param idCard 18位書(shū)身份證字符串 * @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()獲取年份,避免千年蟲(chóng)問(wèn)題 if(temp_date.getFullYear()!=parseFloat(year) ||temp_date.getMonth()!=parseFloat(month)-1 ||temp_date.getDate()!=parseFloat(day)){ return false; }else{ return true; } } /** * 驗(yàn)證15位數(shù)身份證號(hào)碼中的生日是否是有效生日 * @param idCard15 15位書(shū)身份證字符串 * @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)); // 對(duì)于老身份證中的你年齡則不需考慮千年蟲(chóng)問(wèn)題而使用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, ""); } /** * 檢驗(yàn)18位身份證號(hào)碼(15位號(hào)碼可以只檢測(cè)生日是否正確即可,自行解決) * @param idCardValue 18位身份證號(hào) * @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];//校驗(yàn)碼 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++){ // 對(duì)前17位數(shù)字與權(quán)值乘積求和 sum += parseInt(cid.substr(i, 1), 10) * arrExp[i]; } // 計(jì)算模(固定算法) idx = sum % 11; // 檢驗(yàn)第18為是否與校驗(yàn)碼相等 return arrValid[idx] == cid.substr(17, 1).toUpperCase(); }else{ return false; } } /** * 獲取指定日期之前或之后的第幾天 * * @param dayCount * 正數(shù)為以后時(shí)間,負(fù)數(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; } /** * 獲取指定月份的之前或之后的第幾個(gè)月 * * @param dayCount * 正數(shù)為以后月份,負(fù)數(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; } /** * *對(duì)val值為undefined返回“”,否則返回原值 */ function dealNull(val) { if (typeof (val) == "undefined") { return ""; } else { return val; } }
總結(jié)
以上就是為大家整理的比較實(shí)用的js驗(yàn)證和數(shù)據(jù)處理的干貨,對(duì)大家日常工作的時(shí)候很有幫助,建議大家收藏,方便以后查閱,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
JavaScript實(shí)現(xiàn)Tab欄切換功能詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)Tab欄切換的實(shí)現(xiàn)方式,是面向?qū)ο蟮膶?xiě)法,本文給大家分享詳細(xì)案例代碼,需要的朋友可以參考下2022-10-10JavaScript中的apply()方法和call()方法使用介紹
我們發(fā)現(xiàn)apply()和call()的真正用武之地是能夠擴(kuò)充函數(shù)賴以運(yùn)行的作用域,如果我們想用傳統(tǒng)的方法實(shí)現(xiàn)2012-07-07JavaScript?算法實(shí)現(xiàn)復(fù)寫(xiě)0雙指針解法
這篇文章主要為大家介紹了JavaScript?算法?復(fù)寫(xiě)0雙指針解法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11單元測(cè)試框架Jest搭配TypeScript的安裝與配置方式
這篇文章主要介紹了單元測(cè)試框架Jest搭配TypeScript的安裝與配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-01-01js 獲取網(wǎng)絡(luò)圖片的高度和寬度的實(shí)現(xiàn)方法(變通了下)
簡(jiǎn)單地說(shuō)就是把圖片放入一個(gè)自動(dòng)伸縮的DIV中,然后獲取DIV的寬和高!這個(gè)不錯(cuò)的變通,大家可以參考下。2009-10-10