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

作者：代码艺术家 | 2024-02-03 14:23:52

踩

js允许用户输入6到16个字母数字下划线或减号任意组成的用户名

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


<!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>

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

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/article/detail/56790?site