PHP anti-shake technology: ensuring the accuracy and effectiveness of form submissions

PHP anti-shake technology: ensuring the accuracy and effectiveness of form submission

With the development of the Internet, form submission plays a vital role in web applications character of. However, due to network delays or user misoperations, form data may be submitted repeatedly, resulting in inaccurate data or abnormal program execution. In order to solve this problem, we can use PHP's anti-shake technology to ensure the accuracy and effectiveness of form submission.

What is anti-shake technology?

Anti-shake technology is a strategy that only executes code once within a specific time interval. When the form submission action occurs, we can set an anti-shake timer, and the submission code will only be executed after the timer time expires. If the submit action is triggered again before the timer expires, the timer will be reset and the code for the repeated submission will not be executed.

How to use PHP to implement anti-shake technology?

Below we will use a specific example to illustrate how to use PHP to implement anti-shake technology. Suppose we have a form where the user needs to fill in their name and email address and click the submit button to save the information. We need to make sure that after the user clicks the button, the data will be saved to the database only if they don't click it again for a period of time.

First, we need to define a new PHP file, named form_submit.php, and write the following code in the file:

<?php
// 连接数据库
$mysqli = new mysqli("localhost", "username", "password", "database");

// 检测连接是否成功
if ($mysqli->connect_error) {
    die("连接失败: " . $mysqli->connect_error);
}

// 获取POST数据
$name = $_POST['name'];
$email = $_POST['email'];

// 查询是否有相同的记录
$query = "SELECT * FROM users WHERE name = '$name' AND email = '$email'";
$result = $mysqli->query($query);

if ($result->num_rows > 0) {
    // 记录已存在，返回错误信息
    echo "记录已存在";
} else {
    // 插入新记录
    $insert = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
    $mysqli->query($insert);
    echo "记录保存成功";
}

// 关闭数据库连接
$mysqli->close();
?>

In the HTML file, we need to add a form as well Corresponding JavaScript code to implement the anti-shake function. For example:

<form id="myForm" action="form_submit.php" method="POST">
    <input type="text" name="name" required>
    <input type="email" name="email" required>
    <button type="submit" id="submitButton">提交</button>
</form>

<script>
    var form = document.getElementById("myForm");
    var submitButton = document.getElementById("submitButton");
    var debounceTimer = null;

    form.addEventListener("submit", function(e) {
        e.preventDefault(); // 取消默认的表单提交行为

        if (debounceTimer) {
            clearTimeout(debounceTimer);
        }

        debounceTimer = setTimeout(function() {
            form.submit(); // 延迟提交表单
        }, 1000); // 设置延迟时间，单位为毫秒
    });
</script>

In the above code, we capture the submission action by adding a submit event listener to the form. When the user clicks the submit button, a delay time is set through the setTimeout function, here it is set to 1 second. If the user clicks the submit button again within 1 second, the previously set timer will be cleared and reset to achieve an anti-shake effect. Only if there is no click again within 1 second will the form data be actually submitted to the form_submit.php file.

In this way, we have successfully implemented anti-shake technology to ensure the accuracy and effectiveness of form submission. By using a combination of PHP and JavaScript, you can avoid repeated submission of form data, ensure data accuracy, and provide a better user experience.

The above is the detailed content of PHP anti-shake technology: ensuring the accuracy and effectiveness of form submissions. For more information, please follow other related articles on the PHP Chinese website!