submit နည်းလမ်း

submit နည်းလမ်းသည် JavaScript submit အဖြစ်အပျက်နှင့်အလုပ်လုပ်ရန် ကျွန်ုပ်တို့ကို ခွင့်ပြုသည်။ ၎င်းသည် JavaScript submit အဖြစ်အပျက်သို့ handler တစ်ခုချိတ်ဆက်ရန် သို့မဟုတ် element တစ်ခုပေါ်တွင် ထိုအဖြစ်အပျက်ကိုစတင်ရန် ကျွန်ုပ်တို့ကို ခွင့်ပြုသည်။

Syntax

နည်းလမ်းသို့ handler function တစ်ခုကို ကျွန်ုပ်တို့ ပို့ဆောင်နိုင်ပြီး၊ ၎င်းသည် အဖြစ်အပျက်တစ်ခုဖြစ်ပေါ်တိုင်း လုပ်ဆောင်မည်ဖြစ်ကာ၊ အဆိုပါ function ထဲသို့ ထပ်မံ၍ အဖြစ်အပျက်အရာဝတ္ထုတစ်ခု ဝင်ရောက်နိုင်သည်။

.submit(handler function);

ဤကိစ္စတွင် နည်းလမ်းသည် .on('submit', handler) ဖွဲ့စည်းပုံနှင့် on နည်းလမ်း၏ တူညီသည့် လုပ်ဆောင်ချက်ကို ဖော်ဆောင်ပေးမည်ဖြစ်သည်။

ထို့အပြင် နည်းလမ်းသို့ event data များပါဝင်သည့် object တစ်ခုကို optional parameter အဖြစ် ပို့ဆောင်နိုင်ပြီး၊ ၎င်းသည် handler function ထဲသို့ ဝင်ရောက်သွားမည်ဖြစ်သည်။

.submit([event data], handler function);

သို့မဟုတ် parameter များကို မပို့ဆောင်ပဲ ထားနိုင်သည်၊ ထိုအခါ နည်းလမ်းသည် .trigger('submit') trigger နည်းလမ်း၏ တူညီသည့် လုပ်ဆောင်ချက်ကို ဖော်ဆောင်ပေးမည်ဖြစ်သည်။

.submit();

submit အဖြစ်အပျက်သည် element တစ်ခုပေါ်တွင် ဖြစ်ပေါ်သည့်အခါ၊ ဥပမာအားဖြင့်၊ သုံးစွဲသူသည် form တစ်ခုပေါ်ရှိ ခလုတ် 'submit' ကို နှိပ်လိုက်သည့်အခါတွင် ဖြစ်ပေါ်သည်။ ဤအဖြစ်အပျက်ကို form tag ၏ element များသို့သာ တွဲဆက်နိုင်သည်။ submit အဖြစ်အပျက်သည် element တစ်ခုပေါ်တွင် ဖြစ်ပေါ်သည့်အခါ၊ ဥပမာအားဖြင့်၊ သုံးစွဲသူသည် form တစ်ခုပေါ်ရှိ ခလုတ် 'submit' ကို နှိပ်လိုက်သည့်အခါတွင် ဖြစ်ပေါ်သည်။ ဤအဖြစ်အပျက်ကို form tag ၏ element များသို့သာ တွဲဆက်နိုင်သည်။

ဥပမာ

အောက်ပါဥပမာတွင် ကျွန်ုပ်တို့တွင် ရိုးရှင်းသော form တစ်ခုရှိပြီး၊ ၎င်းကို submit နည်းလမ်းကို အသုံးပြု၍ အဖြစ်အပျက် handler တစ်ခု ချိတ်ဆက်မည်ဖြစ်သည်၊ text field တစ်ခုနှင့် ခလုတ် - submit type ရှိ input တစ်ခု ပါဝင်သည်။ စာသားကို text field ထဲသို့ ရိုက်ထည့်ကြပါစို့၊ ထို့နောက် ခလုတ်ကို နှိပ်လိုက်သည့်အခါ ထိုစာသားကို စစ်ဆေးကြပါစို့။ 'jQuery' ဟု ရိုက်ထည့်ပါက၊ span ထဲတွင် '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();
});

ဆက်လက်ကြည့်ရှုရန်

trigger နည်းလမ်း,
သည် element သို့တွဲဆက်ထားသော အဖြစ်အပျက် handler အားလုံးကို သတ်မှတ်ထားသည့်အမျိုးအစား၏ အဖြစ်အပျက်များအတွက် စတင်ရန်ခွင့်ပြုသည်
on နည်းလမ်း,
သည် element သို့ အဖြစ်အပျက် handler တစ်ခုချိတ်ဆက်ရန် ခွင့်ပြုသည်