如何防止表单使用 jquery 提交?
我尝试了所有方法 - 请参阅下面我尝试的 3 个不同选项,但这一切都行不通:
$(document).ready(function() { //option A $("#form").submit(function(e){ e.preventDefault(); }); //option B $("#form").submit(function(e){ stopEvent(e); }); //option C $("#form").submit(function(){ return false; }); });
有什么问题?
更新 - 这是我的 html:
<form id="form" class="form" action="page2.php" method="post"> <!-- tags in the form --> <p class="class2"> <input type="submit" value="Okay!" /> </p> </form>
这里有什么问题吗?
有两点很突出:
form
e.preventDefault
//option A $("form").submit(function(e){ e.preventDefault(); });
选项 C 也应该有效。我不熟悉选项 B
一个完整的例子:
<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type='text/javascript'> $(document).ready(function() { //option A $("form").submit(function(e){ alert('submit intercepted'); e.preventDefault(e); }); }); </script> </head> <body> <form action="http://google.com" method="GET"> Search <input type='text' name='q' /> <input type='submit'/> </form> </body> </html>