[英]Stopping form submission with jQuery
I want to interrupt and prevent a form from submitting using jQuery. 我想中断并阻止使用jQuery提交表单。 Here's my form markup:
这是我的表单标记:
<div id="register-box">
<div id="register-box-inner">
<h2>Register</h2>
<form action="/register" method="post" id="register-form">
<p><label for="username">Username:</label><input type="text" name="username"></p>
<p><label for="password">Password:</label><input type="password" name="password"></p>
<p><label for="email">E-mail:</label><input type="text" name="email"></p>
<p><input type="submit" value="Register" class="register"></p>
</form>
</div>
</div>
and my Javascript code thus far: 到目前为止,我的Javascript代码是:
$('#register-form').submit(function(e){
e.preventDefault();
alert("hi");
});
Problem is, the form still goes through. 问题是,表格仍会通过。 I wanted to submit the form using AJAX but with a fallback for users who don't have Javascript enabled.
我想使用AJAX提交表单,但对于未启用Javascript的用户有一个备用。 No errors pop up in the Javascript console, either.
同样,在Javascript控制台中也不会弹出错误。
Try 尝试
$("form").live("submit", function() {
alert("hi");
return false;
});
Try returning false
from the handler. 尝试从处理程序返回
false
。
$('#register-form').submit(function(e){
e.preventDefault();
alert("hi");
return false;
});
尝试:
<p><input type="submit" value="Register" class="register" onclick="submit(); return false;"></p>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.