JavaScript（三十七）阻止表单的默认提交事件

最新推荐文章于 2024-05-12 21:38:39 发布

We_jia

最新推荐文章于 2024-05-12 21:38:39 发布

阅读量1.2k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/We_jia/article/details/89226163

版权

JavaScript 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

一、将input 标签的type属性从type="submit"改为type=“button”

二、将input标签改为button标签

三、在事件中添加event.preventDefault()

四、用onclick点击事件来return false

注意是onclick内是return func();而不是简单的调用func()函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function func(){
            return false;
        }
    </script>
</head>
<body>
    <form action="">
        <input type="submit" value="button" onclick="return func()" />
 
        <!--注意是onclick内是return func();而不是简单的调用func()函数-->
    </form>
</body>
</html>

五、利用表单的onsubmit事件

注意：onsubmit事件的作用对象为<form>，所以把onsubmit事件加在提交按钮身上是没有效果的。

form对象的onsubmit事件类似onclick,都是先处理调用的函数，再进行表单是否跳转布尔值的判断

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script>
        function func(){
            return false;
        }
    </script>
</head>
<body>
    <form action="" onsubmit="return func()">
        <input type="submit" value="button" /> 
    </form>
</body>
</html>

We_jia

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript（三十七）阻止表单的默认提交事件

一、将input 标签的type属性从type="submit"改为type=“button”二、将input标签改为button标签三、在事件中添加event.preventDefault()四、用onclick点击事件来return false注意是onclick内是return func();而不是简单的调用func()函数<!DOCTYPE html>...
复制链接

扫一扫