Вызывать jQuery из формы действия

Question

Из HTML-формы я вызываю метод jQuery, вызывая предупреждающее сообщение и делая изображение видимым, но изображение исчезает через секунду? Это моя форма:

<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> 

В файле jquery.php, у меня есть следующий сценарий:

$(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; 
} 

Теперь, когда я загрузить страницу и дать форме значение, то JQuery правильно вызывается, предупредительное сообщение отображается и на изображении. Но только в течение 1 секунды или около того, он снова исчезает. Что я делаю не так? и как я могу заставить изображение оставаться на экране?

Answer 1

Причина, по которой ваше изображение исчезает, заключается в том, что ваши страницы POST и что изменяет содержимое страницы. Я не уверен, к какому URL-адресу вы отправляете свой пост, но вы можете попробовать использовать POST-форму для себя, а затем можете работать. Или вы также можете использовать jQuery для отправки формы через асинхронный режим, чтобы страница не загружалась.