阻止表单提交jQuery上的默认设置
阻止表单提交jQuery上的默认设置
提问于 2011-06-24 08:34:42
这有什么问题吗？
HTML：
<form action="http://localhost:8888/bevbros/index.php/test" method="post" accept-charset="utf-8" id="cpa-form" class="forms">
<input type="text" name="zip" value="Zip code" id="Zip" class="required valid">
<input type="submit" name="Next" value="Submit" class="forms" id="1">
</form>jQuery：
$("#cpa-form").submit(function(e){
e.preventDefault();
});回答 10
Stack Overflow用户
回答已采纳
发布于 2011-06-24 09:10:00
试试这个：
$("#cpa-form").submit(function(e){
return false;
});Stack Overflow用户
发布于 2014-02-18 21:14:21
使用新的"on“事件语法。
$(document).ready(function() {
$('form').on('submit', function(e){
// validation code here
if(!valid) {
e.preventDefault();
}
});
});Stack Overflow用户
发布于 2018-06-12 01:52:51
这是一个古老的问题，但这里公认的答案并没有真正触及问题的根源。
你可以用两种方法来解决这个问题。首先是jQuery：
$(document).ready( function() { // Wait until document is fully parsed
$("#cpa-form").on('submit', function(e){
e.preventDefault();
});
})或者不使用jQuery：
// Gets a reference to the form element
var form = document.getElementById('cpa-form');
// Adds a listener for the "submit" event.
form.addEventListener('submit', function(e) {
e.preventDefault();
});您不需要使用return false来解决此问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6462143
复制相关文章
相似问题
腾讯云开发者
