jQuery验证身份证号码

周末在家很宅,除了玩游戏就是吃好吃的,基本没怎么学习,哈哈,编辑代码之前,先附上一张今天中午做的美食图,自己买的菜和调料,不要太羡慕哈。


以下是一个大家都会的小知识点,jQuery验证身份证号码,老生常谈的问题了,不过对于记忆不好理解能力又不够的我来说,还是要记录一下下了。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test</title>
        <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>      
            <div class="col-md-12 col-sm-12  col-xs-12">
                <div class="form-group">
                    <label class="col-md-3 col-sm-3  col-xs-3 control-label">证件号
                                        </label>
                    <div class="col-md-5 col-sm-5  col-xs-5">
                        <input type="text" class="form-control " placeholder="请输入证件号码" id="card" name="card">
                    </div>
                </div>
            </div>
            <button type="button" class="btn btn-primary" style="margin-left:28px;" onclick="submit()">submit</button>          
        <script type="text/javascript">
            function submit() {
                var idCard = $('#card').val();
                var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
                if(!regIdNo.test(idCard)) {
                    alert('身份证号填写有误');
                    return false;
                }
            }
        </script>
    </body>

</html>

原文作者:祈澈姑娘技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 关于上一篇写的文章,jquery拼接数据循环一个数据列表:https://www.jianshu.com/p/d4...
    祈澈菇凉阅读 1,780评论 0 3
  • 今天写一个前端页面的小功能,选中某个按钮或者菜单的时候颜色发生变化,以便用户区分自己选中的选项,这也是一种前端日常...
    祈澈菇凉阅读 522评论 0 2
  • 有没有那么一刻,孤独感盈满了内心?不知道与何人诉说,周围的人都那么欢乐,不开心的只有自己。 一个灵魂与另一个灵魂,...
    夕小桐阅读 317评论 0 0
  • 都说21天培养一个习惯,今天,我自豪地说,我坚持写作21天了(周末不算哈),而且,我要继续。 进入好报纯属偶然,3...
    田野虎阅读 161评论 1 4