액션 폼에서 jQuery 호출

HTML 폼에서 jQuery 메서드를 호출하여 경고 메시지를 표시하고 이미지를 보이게 만들지 만 이미지가 잠시 후에 사라지나요? 이것은 내 양식입니다 : 파일 jquery.php에서액션 폼에서 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>

, 나는 다음과 같은 스크립트가 :

$(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 초 정도만 지속되면 다시 사라집니다. 내가 도대체 뭘 잘못하고있는 겁니까? 이미지를 화면에 유지하려면 어떻게해야합니까?

출처

2016-09-04 Martin Utzon

양식을 제출 한 후에 모든 것을 잃었습니다. 페이지 상태를 유지하려면 양식을 제출할 때'ajax'를 사용해야합니다. –

이미지가 사라지는 이유는 페이지가 POST되어 페이지 내용이 변경되기 때문입니다. 어떤 URL을 게시하고 있는지 확실하지 않지만 양식을 자체 게시하여 시도해 볼 수 있습니다. 또는 jQuery를 사용하여 async를 통해 양식을 POST하여 페이지가로드되지 않도록 할 수도 있습니다.

출처

2016-09-04 15:41:39 mkdir

액션 폼에서 jQuery 호출

답변

관련 문제