jQuery 阻止表单提交

最新推荐文章于 2023-04-26 13:28:46 发布

卩杉

最新推荐文章于 2023-04-26 13:28:46 发布

阅读量4.2k

点赞数 2

分类专栏： jQuery/JavaScript

本文链接：https://blog.csdn.net/xiaobinqt/article/details/84206060

版权

jQuery/JavaScript 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

1. 利用 οnsubmit="return false" 阻止表单提交

<form action="" method="get" onsubmit="return false">
    <input type="text" name="name" value="">

    <button>提交表单</button>
</form>

2. 利用 return false 阻止

<form action="" method="get">
    <input type="text" name="name" value="">

    <button>提交表单</button>
</form>

<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script>
    jQuery(function () {
        $("button").on("click",function () {
            return false;
        })
    });
</script>

3. 利用 preventDefault() 阻止表单提交

<form action="" method="get">
    <input type="text" name="name" value="">

    <button>提交表单</button>
</form>

<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script>
    jQuery(function () {
        $("form").submit(function (e) {
            e.preventDefault();
        });
    });
</script>