前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用户名验证:限16个字符,支持中英文、数字、下划线

用户名验证:限16个字符,支持中英文、数字、下划线

作者头像
王小婷
发布2019-08-07 15:16:34
7490
发布2019-08-07 15:16:34
举报
文章被收录于专栏:编程微刊编程微刊

继续写一个用户名验证,验证规则,限16个字符,支持中英文、数字、下划线,当符合验证规则的时候,弹框提示正确,当出现特殊字符,不符合验证规则的时候,弹框提示错误,并且不执行下一步程序。

代码语言:javascript
复制
<!DOCTYPE HTML>
<html>

    <head>
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <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>
        <input type="text" id="signName" maxlength="16"></input>
        <button type="button" class="btn blue" id="addBtn">保存</button>
        <script type="text/javascript">
            $("#addBtn").on("click", function() {
                var $signName = $("#signName").val();
                //中文,数字,字母,下划线
                var reg01 = /^[a-zA-Z0-9_\u4e00-\u9fa5]+$/;
                if(reg01.test($signName)) {
                    alert("用户名正确")
                } else {
                    alert("用户名错误")
                    return;
                }
            })
        </script>
    </body>

</html>

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.08.05 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档