正则表达式验证身份证号

最新推荐文章于 2024-06-07 16:03:08 发布

爱喝红茶的老玩童

最新推荐文章于 2024-06-07 16:03:08 发布

阅读量231

点赞数 2

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/GJW966288/article/details/127678242

版权

代码展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .ok{
            color: green;
        }
        .fail{
            color: red;
        }
    </style>
</head>
<body>
    身份证号码：<input type="text" id="card"><span id="spn_info"></span>

    <script>
        let reg = /^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/

        let txt = document.getElementById('card')
        txt.onblur = function(e){
            let span = document.getElementById('spn_info')
            if(reg.test(this.value)){
                span.classList.remove('fail');
                span.innerHTML = '输入正确';
                span.classList.add('ok');
            }else{
                span.classList.remove('ok');
                span.innerHTML = '输入错误';
                span.classList.add('fail');
            }
        }
    </script>
</body>
</html>