Метад submit
Метад submit дазваляе нам працаваць з JavaScript
падзеяй submit. Ён дазваляе нам прывязваць
апрацоўшчык да JavaScript падзеі submit альбо
запускаць гэтую падзею на элементе.
Сінтаксіс
Мы можам перадаць метаду функцыю-апрацоўшчык, якая будзе спрацоўваць кожны раз пры ўзнікненні падзеі, у якую ў сваю чаргу можа перадавацца аб'ект падзеі:
.submit(функцыя-апрацоўшчык);
У гэтым выпадку метад будзе працаваць аналагічна
канструкцыі .on('submit', handler) метада
on.
Таксама неабавязковым параметрам мы можам перадаць метаду аб'ект з дадзенымі, якія будуць перадавацца ў функцыю-апрацоўшчык:
.submit([дадзеныя падзеі], функцыя-апрацоўшчык);
А можна не перадаваць ніякіх параметраў, тады
метад будзе працаваць аналагічна .trigger('submit')
метада trigger:
.submit();
Падзея submit ўзнікае на элементе, калі
карыстальнік, напрыклад, націскае на кнопку
'submit' на форме. Гэтая падзея можа быць
прымацавана толькі да элементаў тэга form.
Падзея submit ўзнікае на элементе, калі
карыстальнік, напрыклад, націскае на кнопку
'submit' на форме. Гэтая падзея можа быць
прымацавана толькі да элементаў тэга form.
Прыклад
У наступным прыкладзе ў нас ёсць простая форма,
да якой мы прывяжам апрацоўшчык падзей пры дапамозе
метада submit, з тэкставым полем і
кнопкай - інпутам з тыпам submit. Давайце
будзем уводзіць тэкст у тэкставае поле, а пры націсканні на
кнопку правяраць гэты тэкст. Калі мы ўвядзем
'jQuery', то ў спане пакажам тэкст
'Good!', з дапамогай метадаў
text і
show,
а калі што-то іншае, то - 'Bad...':
<p>jQuery</p>
<form action="/">
<div>
<input type="text">
<input type="submit">
</div>
</form>
<span></span>
$('form').submit(function(event) {
event.preventDefault();
if ($('input').first().val() === 'jQuery') {
$('span').text('Good!').show();
return;
}
$('span').text('Bad...').show();
});
