PHP中阻止form表單進行get自動跳轉

阻止表單資料送出的幾種方式

方式1：給form标簽的添加表單送出事件οnsubmit=“return false;”

<form onsubmit="return change()" id="myForm" method="POST" class="form-horizontal" role="form">
</form>
<script>
function change() {
    
    //動作：阻止表單資料送出
    return false;
}
</script>
           

方式2：給form表單中的按鈕添加單擊事件οnclick=“return false;”

<form onsubmit="" id="myForm" method="POST" class="form-horizontal" role="form">
    <button class="btn btn-primary" type="submit" onclick="return change();">送出配置</button>
</form>
<script>
function change() {
    
    //動作：阻止表單資料送出
    return false;
}
</script>
           

方式3：也是給form标簽添加表單送出事件，隻是添加的方式不同而已

<form id="myForm" method="POST" class="form-horizontal" role="form">
</form>
<script>
$('#myForm').submit(function (event) {
        //動作：阻止表單的預設行為
        event.preventDefault();
        
        //這也是可以的，雖然也是綁定表單送出事件，
        // 但相比于onsubmit="return false;"，這個直接在事件處理程式（目前函數）中傳回false就行了
        // return false;
    })
</script>
           

方式4：最後這個厲害了，也是最簡單的，直接規定button的類型為button就行了

<form onsubmit="return change()" id="myForm" method="POST" class="form-horizontal" role="form">    
    <button class="btn btn-primary" type="button">送出配置</button>
</form>