正则表达式、document.getElementById校验输入字符串的正确与否

欧启鑫

于 2020-08-10 17:01:32 发布

阅读量783

点赞数

分类专栏： JavaWeb

本文链接：https://blog.youkuaiyun.com/weixin_49321034/article/details/107913356

版权

JavaWeb 专栏收录该内容

24 篇文章

订阅专栏

<script type="text/javascript">
        function onclickFun() {
            var usernameObj = document.getElementById("username");
            var usernameText = usernameObj.value;
            var patt = /^\w{5,12}$/;正则表达式

            var usernameSpanObj = document.getElementById("usernameSpan");


            if(patt.test(usernameText)){
                usernameSpanObj.innerHTML = "<img src=\"对.png\" width=\"18\" height=\"18\">";
            }else {
                usernameSpanObj.innerHTML = "<img src=\"错.png\" width=\"18\" height=\"18\">";
            }
        }

    </script>
</head>
<body>

用户名：<input type="text" id="username" value="请输入用户名"/>
<span id="usernameSpan" style="color:red;">

</span>
<button onclick="onclickFun()">校验</button>