从动作表单调用jQuery

Invoke jQuery from action form

本文关键字：调用 jQuery 表单      更新时间：2023-09-26

从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秒左右，然后又消失了。我做错了什么?我怎样才能让图像留在屏幕上?

您的图像消失的原因是您的页面发布，这改变了页面的内容。我不确定你张贴你的URL，但你可以尝试张贴表单给自己，然后可能工作。或者你也可以使用jQuery通过异步方式POST表单，这样页面就不会加载了。

相关文章：