如何阻止表單的默認提交事件

 

https://blog.csdn.net/whd526/article/details/78178451

 

表單一點擊提交按鈕(submit)必然跳轉頁面,如果表單的action爲空也會跳轉到自己的頁面,即效果爲刷新當前頁。 
如下,可以看到一點擊提交按鈕,瀏覽器的刷新按鈕閃了一下:

如果想要阻止表單的默認提交事件,有以下幾種方法:

1.將<input>標籤內按鈕類型從type="submit"修改爲type="button"

2.表單內的<button>未指定類型時,默認的類型爲submit,可以顯式的修改爲<button type="button">來阻止表單提交

3.利用preventDefault()方法:

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章