首页 > 技术文章 > js禁用表单提交动作

nullObj 2015-12-09 16:05 原文

 1 <html>
 2 <head>
 3 <script type="text/javascript" src="/jquery/jquery.js"></script>
 4 <script type="text/javascript">
 5 $(document).ready(function(){
 6   $("form").submit(function(e){
 7     e.preventDefault();
 8     alert("Submit prevented");
 9   });
10 });
11 </script>
12 </head>
13 <body>
14 <form name="input" action="" method="get">
15 First name: 
16 <input type="text" name="FirstName" value="Mickey" size="20">
17 <br />Last name: 
18 <input type="text" name="LastName" value="Mouse" size="20">
19 <br />
20 <input type="submit" value="Submit">
21 </form> 
22 </body>
23 </html>

 

或者在form行内添加onsubmit=“return fun()”

fun(){return false;}

推荐阅读