jQuery да submit методу
Олдин биз бу́ндай конструкциядан фойдаланганмиз:
$('form').on('submit', function(event) {
event.preventDefault();
});
Бу́нинг ўрнига биз jQuery да тўғридан-тўғри
submit
методидан фойдаланишимиз мумкин,
у формaga обработчик боглайди ёки вокеани
бажаради:
$('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();
});