Метад submit у jQuery
Раней мы выкарыстоўвалі такую канструкцыю:
$('form').on('submit', function(event) {
event.preventDefault();
});
Замест гэтага мы можам таксама ў jQuery непасрэдна
скарыстацца метадам
submit,
які прывязвае апрацоўшчык формы, альбо выконвае
падзею:
$('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();
});