javascript的验证

最新推荐文章于 2022-01-10 20:40:11 发布

Comus_j

最新推荐文章于 2022-01-10 20:40:11 发布

阅读量78

点赞数

分类专栏： JS 文章标签： javascript html html5

本文链接：https://blog.csdn.net/weixin_42044885/article/details/120841805

版权

JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

验证输入框是否符合要求：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        /*需求：当用户点击校验按钮时，要获取输出框的内容，然后验证是否合法
        * 验证规则必须是有字母、下划线组成，并且长度由5到2位*/
        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="用户名合法";
            }else {
                usernameSpanObj.innerHTML="用户名合不法";
            }
        }
    </script>
</head>
<body>
    用户名：<input type="text" id="username" value="xss"/>
    <span id="usernamespan" style="color:red;"></span>
    <button onclick="onclickFun()">校验</button>
</body>
</html>

Comus_j

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript的验证

验证输入框是否符合要求：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> /*需求：当用户点击校验按钮时，要获取输出框的内容，然后验证是否合法 * 验证规则必须是有字母、下划线组成，并且长
复制链接

扫一扫