onsubmit事件

2021-10-17 16:30:22 作者：互联网

onsubmit事件：

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        function onsubmitFun(){
            //要验证所有表单项是否合法，如果有一个不合法，就阻止表单提交
            alert("静态注册表单提交事件----发现不合法");

            return false;
        }

        window.onload = function (){
            //1.获取标签对象
            var formObj = document.getElementById("form01");
            //2.通过标签对象.事件名 = function(){}
            formObj.onsubmit = function (){
                //要验证所有表单项是否合法，如果有一个不合法，就阻止表单提交
                alert("动态注册表提交事件----发现不合法");

                return false;
            }
        }
    </script>
</head>
<body>
    <!--return false可以阻止表单提交-->
    <form action="http://localhost:8080" method="get" onsubmit="return onsubmitFun()">
        <input type="submit" value="静态注册"/>
    </form>

    <form action="http://localhost:8080" id = "form01">
        <input type="submit" value="动态注册"/>
    </form>
</body>
</html>

运行结果：
alt
在这里插入图片描述

标签：function,onsubmit,合法,事件,提交,注册表
来源： https://blog.csdn.net/qq_45361567/article/details/120812438