Методот submit во jQuery
Претходно користевме ваква конструкција:
$('form').on('submit', function(event) {
event.preventDefault();
});
Наместо ова, можеме директно да го искористиме методот
submit
во jQuery, кој или ја врзува обработувачката функција за формата, или ја извршува
настанот:
$('form').submit(function(event) {
event.preventDefault();
});
Во следниот пример имаме едноставна форма,
на која ќе ја врземе обработувачката функција за настанот со помош
на методот submit, со текстуално поле и
копче - инпут со тип submit:
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
Ајде да внесуваме текст во текстуалното поле, а при клик на
копчето да го проверуваме овој текст. Ако внесеме
'jQuery', тогаш во спанот ќе го прикажеме текстот
'Good!', со помош на методите
text и
show,
а ако е нешто друго, тогаш - 'Bad...':
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});