1. 利用 onsubmit="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/
 
[email protected]/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/
 
[email protected]/dist/jquery.min.js"></script>
<script>
    jQuery(function () {
        $("form").submit(function (e) {
            e.preventDefault();
        });
    });
</script>