アクションフォームからjQueryを呼び出す

Question

HTMLフォームから、jQueryメソッドを呼び出し、アラートメッセージをトリガーしてイメージを表示させますが、1秒後にイメージが消えますか？これは私のフォームです：

ファイル jquery.phpで

<form action= "jquery.php" method="post" > 
    <label for="farfar">Farfar:</label> <input type="text" placeholder="farfar" name="farfar"> 
    <input type="submit" value="Tilføj"> 
</form> 

、私は次のスクリプトがあります

$(document).ready(function(){ 
    $("form").submit(function(){ 
     alert("Submitted"); 
     $(".ff").show(); 
    }); 
}); 

をそして私はPHPスクリプトを作っています

<?php 
    $farfar = $_POST['farfar']; 
?> 

画像がクラスであります（スクリプト外）：

img class ="ff" src="human.png"... 

私のCSSファイルでは、イメージの現在の値を設定しています。

img { 
    display: none; 
    position: relative; 
} 

ここで、Iは、ページをロードし、フォームに値を与える場合、jQueryのが正しく呼び出されるが、警告メッセージが示されており、画像を示しています。しかし、1秒間だけ、それは再び消えます。私は間違って何をしていますか？画像を画面上に残すにはどうすればいいですか？

Answer 1

画像が消える理由は、ページがPOSTされ、ページの内容が変更されるためです。どのURLをあなたのために投稿しているのか分かりませんが、自分でフォームを投稿しようとすると、うまくいくかもしれません。または、jQueryを使用してフォームを非同期でPOSTして、ページがロードされないようにすることもできます。