JavaScript正则表达式验证用户名

最新推荐文章于 2023-11-14 20:16:03 发布

.ASEN.

最新推荐文章于 2023-11-14 20:16:03 发布

阅读量1.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript作业文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/weixin_47304332/article/details/124934149

JavaScript作业专栏收录该内容

14 篇文章

订阅专栏

这段HTML代码演示了一个简单的输入框，当用户失去焦点时，会使用正则表达式检查输入的字符串是否为6到16个字母或数字组成的字符串。如果符合要求，则显示'正确'，否则显示'错误'。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        span{
            width: 100px;
            height: 15px;
            display: inline-block;
    </style>
</head>
<body>
    <input type="text">
    <span class=""></span>
    <script>
        document.querySelector("input").onblur = function (){
                this.nextElementSibling.innerHTML = (/^(\w|-){6,16}$/.test(this.value)) ? "正确" : "错误";
        }
    </script>
</body>
</html>