JavaScript တွင် ဖောင်အပ်ဆိုခြင်းကို တားမြစ်ခြင်း

လိုအပ်ပါက ဖောင်အပ်ဆိုခြင်းကို တားမြစ်နိုင်ပါသည်။ ၎င်းကို သင့်အတွက်ရင်းနှီးပြီးဖြစ်သော preventDefault မှတဆင့် လုပ်ဆောင်ပါသည်။ ဥပမာတစ်ခုကြည့်ကြပါစို့။

ကျွန်ုပ်တို့တွင် အောက်ပါဖောင် ရှိသည်ဆိုပါစို့-

<form action="/handler/" method="POST">
	<input name="test1">
	<input name="test2">
	<input type="submit">
</form>

၎င်းကို ယခုကဲ့သို့ variable တစ်ခုအတွင်း ရယူပါမည်-

let form = document.querySelector('form');

ဖောင်အပ်ဆိုခြင်းကို submit event မှတဆင့် ဖမ်းယူနိုင်ပါသည်-

form.addEventListener('submit', function() {
	
});

ယခု ဖောင်အပ်ဆိုခြင်းကို တားမြစ်ကြပါစို့-

form.addEventListener('submit', function(event) {
	event.preventDefault();
});

Input တစ်ခုပါသော ဖောင်တစ်ခုကို ပေးထားသည်။ အပ်ဆိုရန် ကြိုးစားသည့်အခါ input အတွင်း ထည့်သွင်းထားသော email သည် မှန်ကန်ပါက စစ်ဆေးပါ။ မှားနေပါက ဖောင်အပ်ဆိုခြင်းကို တားမြစ်ပြီး ၎င်းအကြောင်း မက်ဆေ့ချ်တစ်ခု ထုတ်ပြပါ။