フォーム送信でSubmitする前にJQueryを実行する方法

知り合いから聞かれたので簡単にまとめてみた

まずは一番簡単な方法

<script>
$(function(){
 $(“#form”).submit(function(){
  if ($(“#input”).val() == “”) {
   alert(‘err’);
   return false;
  }
 });
});
</script>
<form action=”” method=”post” id=”form”>
<input type=”text” name=”input” value=”” id=”input” />
<input type=”submit” />
</form>

次にajaxも使用した場合

<script>
$(function(){
 $(“#form”).submit(function(){
  $.ajax({
   url: ‘input.php’,
   type: ‘POST’,
   data: {‘text’: $(“#input”).val() }
  })
  .done(function(data){
   // 通信成功時の処理
  .fail(function(data){
   // 通信失敗時の処理
  });
  // 送信処理停止
  return false;
 });
});
</script>
<form action=”” method=”post” id=”form”>
<input type=”text” name=”input” value=”” id=”input” />
<input type=”submit” />
</form>

本当に簡単な処理のみになります

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.