Question

我有一个输入按钮，用于从前端提交内容以供后端查看。问题是它没有显示确认消息 - 它没有设置为表单，否则这很容易（我也无法将其更改为表单）。

输入按钮有一个唯一的ID - 我想在点击按钮时添加5秒的小延迟，并显示一条消息“感谢内容已提交审核”。这可以用Javascript或PHP吗？

我对该按钮的代码是：

<input type="button" class="button-primary" id="wdqs-post" value="Post">

Answer 1

这是你想要的吗？ Test

示例Test1：

HTML Test1 ：

<input type="button" value="Test" onclick="showAlert();"></input>

JAVASCRIPT Test1 ：

function showAlert() {
    setTimeout(function() {
        alert('thanks the content has been submitted for review');
    },5000);   // 5 seconds
}

使用javascript处理onclick并在延迟前显示警告的示例：Test2

JAVASCRIPT Test2 ：

document.getElementById("myButton").onclick=function(){showAlert()};

function showAlert() {
    alert('thanks the content has been submitted for review');

    setTimeout(function() {
        // DO OTHER STUFF
    },5000);   // 5 secon
}

显示DIV中警报的示例：Test3

HTML Test3 ：

<input id="myButton" type="button" value="Test"></input>

<div id="alert" style="display: none;">
    thanks the content has been submitted for review.
</div>

JAVASCRIPT Test3 ：

document.getElementById("myButton").onclick=function(){showAlert()};

function showAlert() {
    document.getElementById("alert").style.display = "block";

    setTimeout(function() {
        // DO OTHER STUFF
    },5000);   // 5 secon
}

CSS Test3 （非常简单）：

#alert {
     border: 1px solid;
     height: 20px;
     width: 400px;
     position: absolute;
     left: 150px;
     top: 40px;
}

Answer 2

if(isset($_POST['rbutton']) == null)
{   echo "thanks";
    $time = 2; 
    $url = "http://localhost/method/index.php";  
    Header("Refresh: $time; url=$url");  
    exit();
}

你可以使用这些PHP代码，它显示消息，并在2秒延迟后，重新指导你想要的任何页面...（如果是可选的，你可以检查另一件事或服务器响应）

单击输入按钮时添加延迟并显示消息

2 个答案: