简单的表单事件

最新推荐文章于 2023-01-13 21:23:11 发布

明天早晨喝牛奶

最新推荐文章于 2023-01-13 21:23:11 发布

阅读量159

点赞数

分类专栏： js事件集中营效果片段集合文章标签： javascript 表单

本文链接：https://blog.csdn.net/qq_40289292/article/details/78098778

版权

效果片段集合同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

js事件集中营

11 篇文章 0 订阅

订阅专栏

通过onsubmit事件，在表单被提交时触发的一些事件效果。

注意心得：
1.form标签中的action属性，是指表单提交后，跳转的页面。
method属性是指form表单提交的方式。

2.forms[‘myForms’][‘user’]
由于一个HTML中可以有许多表单，所以在js中使用表单事件时，需要声明你调用的是哪一个表单，表单里的哪一个input。

3.js中对于for和if语句的运用。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script>
            function myforms(){
                var user =document.forms['myForms']['user'].value;
                var pwd =document.forms['myForms']['pwd'].value;
                if(user.length<3||user.length>6){
                    alert("用户名，输入错误");
                    return false;
                }
                if (pwd.length<6){
                    alert("密码，输入错误");
                    return false;
                }

            }
        </script>
    </head>
    <body>
        <h1>用户注册</h1>
        <hr />
        <form name="myForms" action="a.html" method="get" onsubmit="return myforms()">

            用户名：<input type="text" name="user" /><br />
            密码：<input type="password" name="pwd" /><br />
            <input type="submit" name="tijiao"/><br />
            <span id="a"></span>
        </form>
    </body>
</html>