当监听到表单的提交事件以后,可以调用事件对象的event.preventDefault()函数,来阻止表单的提交和页面的跳转,示例代码如下:
示例代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="/form表单/jquery-3.6.0.js"></script> </head> <body> <form action="/login" id="f1"> <input type="text" name="user_name"> <input type="password" name="password"> <button type="submit">提交</button> </form> </body> <script> $(function () { // 第一种方式 // $('#f1').submit(function (e) { // alert("监听到了") // // 阻止跳转 // e.preventDefault() // }) // 第二种方式 $('#f1').on('submit', function (e) { alert('监听到了2') e.preventDefault() }) }) </script> </html>