JavaScript中一些实用性强的函数和方法

本文分享了一系列在个人项目中实用的JavaScript公共方法,包括从URL获取参数、清除输入框历史记录、检查本地存储登录状态、身份证信息处理、时间操作、手机号和身份证号的隐藏、验证手机号和身份证号等。这些函数对于提升网页应用的功能性和用户体验具有重要作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

该文章用于记录一些,javascript在个人项目中比较实用的,乏用性强的一些公共方法。

 1.从地址栏获取参数

类似于:http://www.xxxxx.com/other.html?name=huang&age=18

我们先从loaction的历史记录中,去找我们想要的在某个网页other.html中传入的数据格式。

入参格式:"?name=huang&age=18"

function getUrlObj(url){
    var obj = {};    //定义obj数组
    if(url.indexof("?") == 0){        //确保传入的参数是以?开头
        var strurl=url.substr(1);    //获取不包含?的url字符串
        var attrurl = strurl.split("&")    //以&为分割点,分割成多个字符串的数组
        for(var i=0;i < attrurl.length; i++){
            //attrurl[i].split("=")[0]   以等号分割字符串,数组下标为0的字符串为属性名
            //attrurl[i].split("=")[1]   以等号分割字符串,数组下标为1的字符串为属性名
            obj[attrurl[i].split("=")[0]] = attrurl[i].split("=")[1];
        }
        return obj;
    }
}

2.清楚所有输入框的历史输入记录

清楚所有输入框样式为text的input控件的自动填充提示。手机端比较常用

function clearTextRecord(){
    //该写法为jquery写法
    $("input[type=text]").attr("autocomplete","off");
}

3.检查localStorage中是否有登录信息,有则登录无则跳转登录界面

假设,我们在localStorage中有一个jsonLoginID存储了我们的登录信息,我们需要用这个来判断是否登录过。如果没有,我们跳转到login.html登录页面。

function check_login(){
    if(localStorage.getItem("jsonLoginID")==null || localStorage.getItem("jsonLoginID") == "" || localStorage.getItem("jsonLoginID")=="null"){
        //在localStorage没有我们设置的值,说明不能自动登录。直接修改地址栏
        location.href = "login.html";
    }else{
        //有我们设置的值,说明能自动登录
        XXXXX(处理自动登录函数的入参);        //处理需要自动登录的一些信息
    }
}
        

4.通过身份证ID获取性别

身份证号有一代身份证号和二代身份证号,只考虑二代身份证号的情况。需要传入身份证号码作为参数

function idcardGetSex(idcard) {
    var idcard17 = idcard.substr(16,1);    //获取第17位数字
    var num = Number(idcard17);            //将字符串转换为Number类型
    //如果num%2的值为1,则返回"男",否则返回"女"
    return num % 2 == 1 ? "男" : "女";     //用三目运算符判断返回的值
}

5.通过身份证获取年龄

传入的参数除了身份证号码,还需要当前时间。假设当前的时间参数格式为2021/07/05

function idcardGetAge(idcard,nowdata){
    //先获取生日,并将其转换为Number类型
    var year = Number(idcard.substr(6,4));  
    var m = Number(idcard.substr(10,2));
    var d = Number(idcard.substr(12,2));
    
    //处理现在的时间,据情况nowdata数据内容不同而定
    var nowY = Number(nowdata.substr(0,4));
    var nowM = Number(nowdata.substr(5,2));
    var nowD = Number(nowdata.substr(8,2));

    var nowAge = nowY - year;
    if(nowM < m || (nowM == m && d > nowD){
        nowAge--;
    }
    return nowAge;
}

6.隐藏身份证中间十位数,保留开头4位和结尾4位数

传入的参数为身份证号,返回值为隐藏后的身份证,字符串格式

function GetHideIdcard(idcard){
    return idcard.substr(0,4)+"**********"+idcard.substr(14,4);
}

7.隐藏手机号码中间4位数

传入的参数为手机号

function GetHidePhone(phone){
    return phone.substr(0,3)+"****"+phone.substr(7,4);
}

8.获取当前的时间

function currentTime() {
    var Dtime = new Date();
    var year = Dtime.getFullYear();
    var mm = Dtime.getMonth() + 1;
    var day = Dtime.getDate();

    return year + "/" + mm +"/" +day;
}

9.验证手机号

用正则表达式验证手机号格式

function IsPhone(phone){
    var reg = /^[1][3,4,5,7,8,9][0-9]{9}$/;
    return (reg.test(phone));
}

10.验证身份证

function IsIdCard(idcard) {
    //var Errors = new Array("验证通过!", "身份证号码位数不对!", "身份证号码出生日期超出范围或含有非法字符!", "身份证号码校验错误!", "身份证地区非法!");
    var area = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁",
        22: "吉林", 23: "黑龙江", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建",
        36: "江西", 37: "山东", 41: "河南", 42: "湖北", 43: "湖南", 44: "广东", 45: "广西",
        46: "海南", 50: "重庆", 51: "四川", 52: "贵州", 53: "云南", 54: "西藏", 61: "陕西",
        62: "甘肃", 63: "青海", 64: "宁夏", 65: "新疆", 71: "台湾", 81: "香港", 82: "澳门",
        91: "国外"
    }
    idcard = idcard.toUpperCase();
    var Y, JYM; var S, M; var idcard_array = new Array(); idcard_array = idcard.split("");
    //地区检验
    if (area[parseInt(idcard.substr(0, 2))] == null) {
        return false;
    }
    //身份号码位数及格式检验
    switch (idcard.length) {
        case 15: if ((parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0 || ((parseInt(idcard.substr(6, 2)) + 1900) % 100 == 0 && (parseInt(idcard.substr(6, 2)) + 1900) % 4 == 0))
                ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}$/; //测试出生日期的合法性
            else ereg = /^[1-9][0-9]{5}[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}$/; //测试出生日期的合法性
            if (ereg.test(idcard)) break;
            else { return false; } break;
        case 18:
            //18位身份号码检测
            //出生日期的合法性检查 
            //闰年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))
            //平年月日:((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))
            if (parseInt(idcard.substr(6, 4)) % 4 == 0 || (parseInt(idcard.substr(6, 4)) % 100 == 0 && parseInt(idcard.substr(6, 4)) % 4 == 0))
                ereg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|[1-2][0-9]))[0-9]{3}[0-9Xx]$/; //闰年出生日期的合法性正则表达式
            else ereg = /^[1-9][0-9]{5}(19|20)[0-9]{2}((01|03|05|07|08|10|12)(0[1-9]|[1-2][0-9]|3[0-1])|(04|06|09|11)(0[1-9]|[1-2][0-9]|30)|02(0[1-9]|1[0-9]|2[0-8]))[0-9]{3}[0-9Xx]$/; //平年出生日期的合法性正则表达式
            if (ereg.test(idcard)) {//测试出生日期的合法性
                //计算校验位
                S = (parseInt(idcard_array[0]) + parseInt(idcard_array[10])) * 7 +
                (parseInt(idcard_array[1]) + parseInt(idcard_array[11])) * 9 +
                (parseInt(idcard_array[2]) + parseInt(idcard_array[12])) * 10 +
                (parseInt(idcard_array[3]) + parseInt(idcard_array[13])) * 5 +
                (parseInt(idcard_array[4]) + parseInt(idcard_array[14])) * 8 +
                (parseInt(idcard_array[5]) + parseInt(idcard_array[15])) * 4 +
                (parseInt(idcard_array[6]) + parseInt(idcard_array[16])) * 2 +
                parseInt(idcard_array[7]) * 1 + parseInt(idcard_array[8]) * 6 +
                parseInt(idcard_array[9]) * 3;
                Y = S % 11; M = "F"; JYM = "10X98765432"; M = JYM.substr(Y, 1); //判断校验位
                if (M == idcard_array[17]) break; //检测ID的校验位
                else { return false; }
            } else { return false; } break;
        default: return false; break;
    }
    return true;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值