javascript - 来自 php GET 的明确消息

Question

让我澄清一下。

我有一个用于在名为的文件中发送电子邮件的 HTML 表单contact.php

在服务器端，我在 php 中有这个，在发送电子邮件后

header('Location:contact.php?co=1'); exit();

在客户端（在包含表单的同一文件中）

if ($_GET['co']) {
    echo 'We got it!';          
    }

所以用户知道邮件是否被发送。

我怎样才能清除那个信息，“我们明白了”？

我想做类似的东西

<input name="mail" type="email"  onFocus="cleatThemessage" ><br>

因此，当用户单击表单中的某个字段时，消息就会消失。

谢谢

Answer 1

前header('Location:contact.php?co=1'); exit();

添加

$_SESSION['notification'] = "We got it";

而改变，

if ($_GET['co']) {
    if(isset($_SESSION['notification']) && $_SESSION['notification'] != '') {
        echo $_SESSION['notification'];
        unset($_SESSION['notification']);
    }          
}

为此，我假设您的表单提交到一个页面说 saveContact.php 并在插入数据库查询后将其重定向到 contact.php?co=1 以便$_SESSION['notification'] = 'We got it'在插入数据库查询后仅执行一次。

Answer 2

这可能对你有用：

<?php
    if ($_GET['co']) {
        echo '<div id="message">We got it!</div>';          
    }
?>

<input name="mail" type="email"  onFocus="document.getElementById('message').innerHTML = '' ;" ><br>

Answer 3

像这样：

html

<input name="mail" type="email"  onFocus="clearThemessage(this)" ><br>

Javascript

function clearTheMessage(element) {
   element.value = "";
}

Answer 4

<?php
if(isset($_GET['co'])){
    echo '<p id="gotit">We got it!</p>';
}?>

<input name="mail" type="email"  onFocus="removeMessage()" >

<script type="text/javascript">
function removeMessage(){
    var el = document.getElementById('gotit');
    if(typeof(el) != 'undefined' && el != null){
        el.remove();
    }
}
</script>