Метод submit
Метод submit бизга JavaScript
воқеаси submit билан ишлаш имконини беради.
У бизга JavaScript воқеаси submit га
ишловчини боглаш ёки
элементда ушбу воқеани ишга тушириш имконини беради.
Синтаксис
Биз методга функция-ишловчини ўтказишимиз мумкин, у ҳар доим воқеа юз белганида ишга тушади, у ўз навбатида воқеа объектини қабул қилиши мумкин:
.submit(функция-ишловчи);
Бундай ҳолда метод конструкциясига ўхшаш ишлайди
.on('submit', handler) метода
on.
Шунингдек, мажбурий бўлмаган параметр сифатида биз методга воқеа маълумотлари объектини ўтказишимиз мумкин, у функция-ишловчига ўтказилади:
.submit([воқеа маълумотлари], функция-ишловчи);
Ёки ҳеч қандай параметрларни ўтказмаслик мумкин, бунда
метод .trigger('submit') га ўхшаш ишлайди
метода trigger:
.submit();
submit воқеаси элементда пайдо бўлади, қачонки
фойдаланувчи, масалан, формадаги тугмани босгаanda
'submit'. Ушбу воқеа фақат
form теги элементларига бириктирилиши мумкин.
submit воқеаси элементда пайдо бўлади, қачонки
фойдаланувчи, масалан, формадаги тугмани босгаanda
'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();
});
