jQuery တွင် submit method

အရင်က ကျွန်ုပ်တို့ဟာ ဒီလိုပုံစံကို အသုံးပြုခဲ့ကြပါတယ်။

javascript$('form').on('submit', function(event) {
  event.preventDefault();
});

အဲဒီအစား jQuery မှာ တိုက်ရိုက် အသုံးပြုလို့ရတဲ့ submit method ကိုလည်း အသုံးပြုနိုင်ပါတယ်။ ဒီ method ဟာ form အတွက် event handler ကို ချိတ်ဆက်ပေးတာ (သို့) event ကို လုပ်ဆောင်စေတာဖြစ်ပါတယ်။

javascript$('form').submit(function(event) {
  event.preventDefault();
});

အောက်ပါ ဥပမာမှာ ကျွန်ုပ်တို့မှာ ရိုးရှင်းတဲ့ form တစ်ခုရှိပါတယ်။ အဲဒီ form ကို method submit ကို သုံးပြီး event handler ချိတ်ဆက်မှာဖြစ်ပါတယ်။ form ထဲမှာ text field တစ်ခုနဲ့ type submit ဖြစ်တဲ့ input button တစ်ခုပါဝင်ပါတယ်။

html<p>jQuery</p>
<form action="/">
  <div>
    <input type="text">
    <input type="submit">
  </div>
</form>
<span></span>

text field ထဲမှာ စာရိုက်ထည့်ပါမယ်၊ button ကိုနှိပ်လိုက်တဲ့အခါ အဲဒီစာသားကို စစ်ဆေးမှာဖြစ်ပါတယ်။ 'jQuery' လို့ ရိုက်ထည့်မယ်ဆိုရင် text နဲ့ show method တွေကို သုံးပြီး span ထဲမှာ 'Good!' လို့ ပြသပေးမှာဖြစ်ပါတယ်။ တခြားစာသားရိုက်ထည့်မယ်ဆိုရင်တော့ 'Bad...' လို့ ပြသပေးမှာဖြစ်ပါတယ်။

javascript$('form').submit(function(event) {
  event.preventDefault();
    if ($('input').first().val() === 'jQuery') {
      $('span').text('Good!').show();
      return;
    }
  $('span').text('Bad...').show();
});