javascript - jQuery 防止输入默认操作

Question

我有一个 ajax 表单，我想在提交时阻止执行操作，并且尝试了多种方法但没有任何效果。我的第一个方法是:

 return false;

然后我尝试了

event.preventDefault();

事件是回调名称或任何你称之为的东西。

function(event) {
    event.preventDefault();
};

这是我现在使用的 HTML:

<form class="main_search" method="POST" action="ajaxsearch.php">
    <input type="text" class="editable" placeholder="Search">
</form>

这是我设置的测试 javascript:

$('.main_search').submit(function(event) {
    event.preventDefault(console.log(event)); //Log the event if captured
});

这两种方法都不起作用，但奇怪的是，它们适用于按钮等不同的东西，但不适用于这种形式。我在这里错过了什么吗？谢谢!

Answer 1

要处理您的特定问题(即，插入动态生成的表单)，请使用 $.on() .你最好不要使用 document.body 作为父观察者(就像 $.live() 本质上那样)和 $.on()，因此以下内容是合适的(考虑到您的实际标记):

<div id="searches">
    <form class="main_search" method="POST" action="ajaxsearch.php">
        <input type="text" class="editable" placeholder="Search">
    </form>
</div>

var $main_search = $('.main_search'),
    $searches = $('#searches');

$searches.on('submit', '.main_search', function(event) {
    event.preventDefault();
    console.log(event); //Log the event if captured
});

setInterval(function(){
    $searches.append($main_search.clone());
}, 5000);

http://jsfiddle.net/5TVGn/2/