【尚硅谷 JavaWeb 笔记】onsubmit事件

最新推荐文章于 2022-11-12 23:33:35 发布

端木翠花

最新推荐文章于 2022-11-12 23:33:35 发布

阅读量500

点赞数

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

本文链接：https://blog.csdn.net/qq_54110690/article/details/123160095

版权

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

摘要由CSDN通过智能技术生成

<!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()">

最低0.47元/天解锁文章

端木翠花

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【尚硅谷 JavaWeb 笔记】onsubmit事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>onsubmit事件</title> <script type="text/javascript"> // 静态注册onsubmit事件 function onsubmitFunc() { // 要验证所.
复制链接

扫一扫

专栏目录