如何阻止表单的默认提交事件

    xiaoxiao2025-04-12  113

     

    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" οnclick="func(event)" />      </form> </body> </html>

    最新回复(0)