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> 

Heres Теста 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/

Answer 2

Я создал JSfiddle:

http://jsfiddle.net/XM679/

Может быть, вы забыли, чтобы обернуть его в $(document).ready(function() {}? Если это не решило проблему: поскольку скрипка работает - нам нужен ваш контекст, чтобы помочь больше.