JavaScript中document的主要方法 验证输入框内容是否合法

 

当我们要操作一个标签的时候，一定要先获得这个标签对象

document可以记录标签的所有内容

在输入框中，value记录输入框的值

在验证字符串符合某个规则时，一定要使用正则表达式

 

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function (){
            var btn01Obj = document.getElementById("btn01") //获取到按钮数据
            btn01.onclick = function (){
                var bodytextObj = document.getElementById("bodytext")  //将按钮对象与输入框对象进行匹配
                var bodytext = bodytextObj.value;
                var patt = /^w{5,12}$/;  //正则运算符
                patt.test(bodytext)?alert("合法"):alert("不合法")
            }
        }
    </script>
</head>
<body>
用户名：<input type="text" id="bodytext">
<button id="btn01">校验</button>
</body>

 

posted @ 2022-03-17 19:38  软工小蜗牛  阅读(166)  评论(0)  编辑  收藏  举报