【尚硅谷 JavaWeb 笔记】onsubmit事件

端木翠花

于 2022-02-27 09:42:56 发布

阅读量567

点赞数

分类专栏： Java Web学习文章标签： javascript javaweb

本文链接：https://blog.youkuaiyun.com/qq_54110690/article/details/123160095

版权

本文介绍了JavaWeb中onsubmit事件的使用，通过实例展示了如何阻止表单默认的提交行为，点击‘静态注册’后，只有在点击‘确定’时才会触发onsubmit事件并阻止表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>onsubmit事件</title>

    <script type="text/javascript">
        // 静态注册onsubmit事件
        function onsubmitFunc() {
            // 要验证所有表单项是否合法，如果有一个不合法就阻止表单提交
            alert("静态注册onsubmit事件——发现不合法");
            return false;   // return true 就可以提交了
        }

        // 动态注册onsubmit事件
        window.onload = function () {
            var formObj = document.getElementById("form");
            formObj.onsubmit = function () {
                alert("动态注册onsubmit事件——发现不合法");
                return false;   // return true 就可以提交了
            }
        }
    </script>

</head>
<body>
<!--return false 可以阻止表单提交-->
<form action="http://www.baidu.com" method="get" onsubmit="return onsubmitFunc()">