2013-10-01 4 views
-2

моего HTML-код:с помощью jquery для проверки формы отправки?

<form action="test/test" method="post"> 
    <button type="submit" id="post-question"></button> 
</form> 

мой JQuery код:

<script type="text/javascript"> 
$(function() 
{ 
    $('#post-question').click(function() 
    { 
     alert('hello world'); 
    }); 
}); 
</script> 

когда я отправить форму, ничего не происходит, нет оповещения диалогового показ. Что не так в моем коде?

+0

Как вы отправляете форму, через кнопку? –

+0

Одна из причин, по которым я мог видеть, - это не отправить форму, нажав кнопку отправки, но нажав клавишу ввода или какую-либо другую операцию. –

+2

http://jsfiddle.net/VnqMy/ - нет ничего плохого в этом коде. Когда вы застряли - изолируйте проблему, и STOP GUESSING – zerkms

ответ

1

Как указывали zerkms, существует с кодами, указанными выше. Проблема в другом месте. Но в любом случае вы можете также использовать функцию .submit():

$("#the-form-id").submit(function(event) { 
    alert("yo world"); 
event.preventDefault(); 
}); 
+0

Привет, я хочу проверить, действительно ли входы в форме. Поэтому я хочу проверить входы, когда кнопка отправки нажата. Если входные данные действительны, форма отправляется через ajax. Если входы недействительны, подача будет предотвращена. – Charles

2

Используйте представить событие вместо этого события щелчка. Большинство форм необходимо проверять на стороне клиента, поэтому нажатие кнопки не требуется, чтобы должным образом передать форму.

<script type="text/javascript"> 
    $('#form').submit(function(){ 
     alert('hello world'); 
     e.preventDefault(); 
    }); 
</script> 

<form action="test/test" method="post" id="form"> 
    <button type="submit" id="post-question"></button> 
</form> 
+1

Вы также можете добавить 'e.preventDefault()' – Aristona

+0

Хороший совет. Забыл об этом – Lance

+0

Привет, я хочу проверить, действительно ли входы в форме. Поэтому я хочу проверить входы, когда кнопка отправки нажата. Если входные данные действительны, форма отправляется через ajax. Если входы недействительны, подача будет предотвращена. – Charles

0

Если вы пытаетесь проверить подлинность перед отправкой, вы можете попробовать это.

<form action="test/test" method="post" onsubmit="validate"> 
     <button type="submit" id="post-question"></button> 
    </form> 

<script type="text/javascript"> 
    function validate(){ 
     // do you validation here 
    }  
    </script> 
+0

В 2013 году стыдно использовать 'onsubmit' – zerkms

Смежные вопросы