javascript - 提交后隐藏表单

Question

我试图在使用 Jquery 按下提交按钮后隐藏我的表单。

到目前为止，我已经导入了 Jquery 库。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>  

尝试使用“表单域”类隐藏表单。这个类包含整个表单。

试图像这样隐藏它:

 <?php if (isset($_POST['process']) && ($_POST['process'] == 1)): ?>
<script type="text/Javascript">
    $('#form-fields').hide(); 
</script>

这似乎不起作用。任何帮助将不胜感激。

Answer 1

您需要使用提交事件处理程序隐藏表单并需要删除 PHP 条件 <?php if (isset($_POST['process']) && ($_POST['process'] == 1)): ?>因为它在服务器端运行

下面发生的是，我们注册了一个事件处理程序，当提交表单时将调用该事件处理程序，并且在其中隐藏了表单

<script type="text/Javascript">
    $('#form-fields').submit(function(){
        $(this).hide(); 
    })
</script>