Jqueryは、次のページの後にフォームを送信します。

Question

jqueryアラートを使用してアラートjquery関数を作成しようとしています。私が基本的にやってみたいのは、フォームを送信して、ページがリロードされるのを待ってから、警告を表示することです。しかし、私はこれを整理しようとするのに苦労しています。ここに私のコードです。

$("input.auto").click(function() { 
$('#form').on("submit", function(){ 
    $(document).ready(function() { 
     jAlert('Example of a basic alert box in jquery', 'jquery basic alert box'); 
    }); 
}); 
}); 

今すぐアラートはページがリロードされるのを待つのではなく、クリック直後に表示されます。どうすればこの問題を回避できますか？

Answer 1

クリックすると、ページが既に読み込まれているので、警告が表示されます。

送信されるフォームに非表示フィールドを含める必要があります。隠しフィールドが渡された場合は、警告を呼び出す

Answer 2

あなたの編集コード下記のように：。

$("#form").submit(function(event) { 
    event.preventDefault(); 
    jAlert('Example of a basic alert box in jquery', 'jquery basic alert box'); 
}); 

Answer 3

はjQueryのフォームと呼ばれる偉大なjQueryプラグインを発見しました。それはあなたのフォームをajaxフォームに変えます。非常にシンプルで、魅力のように機能します。 http://malsup.com/jquery/form/#getting-started

$(document).ready(function() { 
     $('form').ajaxForm(function() { 
      jAlert('Example of a basic alert box in jquery', 'jquery basic alert box'); 
     }); 
    });