JavaScript-表单验证

最新推荐文章于 2022-06-30 19:24:41 发布

馍馍菜

最新推荐文章于 2022-06-30 19:24:41 发布

阅读量318

点赞数

分类专栏：前端文章标签：表单函数密码 JavaScript 前端

本文链接：https://blog.csdn.net/yun66666/article/details/78114284

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

用户名的长度验证和用户密码位数的验证
效果如下：
表单验证

表单验证

源代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script>

            //表单验证
            function mySub(){

                var userName = document.forms['myForm']['userName'].value;
                var pwd = document.forms['myForm']['pwd'].value;
                var tel = document.forms['myForm']['tel'].value;

                if(userName.length<3 || userName.length>6){
                    alert("用户名必须为3-6位");
                    return f
                }

                if(pwd.length<6){
                    alert("密码必须大于6位");
                    return false;
                }

                return true;

            }

        </script>

    </head>
    <body >

        <h1>用户注册</h1>
        <span>规则：用户名长度为3-6个字符</span>
        <hr />
        <form name="myForm" action="a.html" method="get" onsubmit="return mySub()">
            <p>
                用户名：<input name="userName" type="text" />
            </p>
            <p>
                密码：<input name="pwd" type="password" />
            </p>
            <p>
                电话：<input name="tel" type="text" />
            </p>
            <p>
                <input type="submit" />
            </p>
        </form>


    </body>
</html>

馍馍菜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-表单验证

用户名的长度验证和用户密码位数的验证效果如下：源代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> //表单验证 function mySub(){
复制链接

扫一扫

专栏目录