如何防止PHP中的多个表单提交

How to prevent multiple form submissions in PHP

本文关键字：表单提交 何防止 PHP      更新时间：2023-09-26

我正在尝试停止多个提交按钮。我是php和javascript的新手。我确实尝试了很多不同的堆栈溢出答案选项。我确实检查了会话令牌，但它对我不起作用，因为我是从JavaScript提交表单的。您可以看到禁用按钮的代码。当我点击按钮时，它被禁用并提交表单，但它没有达到php的btn付费代码。请帮忙。

php代码1:

<?php
include('sessionstart.php');
include('session.php');
include('processtransaction.php');
?>
<script src="js/mytransaction.js"></script>

phpcode1将调用javascript，javascript具有表单submit。如果提交了表单，那么它将禁用/（会话令牌进程）按钮payed，并且它应该调用btn payed的代码。

javascript代码mytransaction:

$(document).ready(function() {
    var table  = $('#myTransactionitems').dataTable();  //Initialize the datatable
    var user = $(this).attr('id');
    if(user != '') 
    { 
        $.ajax({
            url: 'transactions',
            dataType: 'json',
            success: function(s){
                console.log(s);
                table.fnClearTable();
                for(var i = 0; i < s.length; i++) {
                    var disp1 = '';
                    if (s[i][4] != 'Reserved') {
                        disp1 = 'display:none;'
                    }
                    table.fnAddData([
                        "<form method='post' action='reservationdetails'><input name = 'transactionid' type='hidden''
                    value='"+s[i][0]+"'></input><input type='submit' id = 'btn-bank' name='btn-bank' value = '"+s[i][0]+"' class='btn btn-link'>'
                   </input></form>",
                        s[i][1],
                        s[i][2],
                        s[i][3],
                        s[i][4],
                        s[i][5],
                        "<form method='post'><input name = 'transactionid' type='hidden''
                    value='"+s[i][0]+"'><input name = 'donationid' type='hidden''
                    value='"+s[i][2]+"'><input name = 'splitamount' type='hidden''
                    value='"+s[i][3]+"'></input></input><input type='submit' id = 'btn-paid' name='btn-paid' value = 'Paid' onclick='this.disabled=true;this.form.submit();'  style='" + disp1 +"' class='btn btn-sm btn-success pull-left '>'
                   </input></form><form method='post'><input name = 'transactionid' type='hidden''
                    value='"+s[i][0]+"'><input name = 'donationid' type='hidden' '
                    value='"+s[i][2]+"'><input name = 'splitamount' type='hidden''
                    value='"+s[i][3]+"'></input><input type='submit' id = 'btn-cancel' name='btn-cancel' value = 'Cancel' onclick='this.disabled=true;this.form.submit();' style='" + disp1 +"' class='btn btn-sm btn-danger pull-right'>'
                   </input></form>"
                        ]);                             
                } // End For
            },
            error: function(e){
                console.log(e.responseText);    
            }
        });
    }   
});

php代码2进程事务：

<?php
 if (isset($_POST['btn-paid'])) {
    require_once("dbcontroller.php");
    $db_handle = new DBController();
    $conn = $db_handle->connectDB();
    $query = "update MYTRANSACTION set STATUS =? where DONATION_ID=? AND ID=?";
    $stmt = $conn->prepare($query);
    $stmt->bind_param("sii",$status,$donation_id, $transaction_id);
    $stmt->execute();
    $stmt->close();
    $db_handle->closeDB($conn);
}
?>

如果你想防止用户在页面加载结束前点击两次（导致两个帖子），最好使用javascript。由于您已经在使用jQuery，您可以执行以下操作：

$("input[type='submit']").click(function(e) {
    e.preventDefault(); // Prevent the page from submitting on click.
    $(this).attr('disabled', true); // Disable this input.
    $(this).parent("form").submit(); // Submit the form it is in.
});

编辑：

为了满足在页面完全加载之前（即JS加载之前）立即提交的用户，您可以进行以下更改。

在HTML表单中，将禁用添加到提交按钮：

<input type="submit" value="Submit" disabled />

并将您的JS更改为以下内容：

$("input[type='submit']").attr('disabled', false); // Enable this input.
$("input[type='submit']").click(function(e) {
    e.preventDefault(); // Prevent the page from submitting on click.
    $(this).attr('disabled', true); // Disable this input.
    $(this).parent("form").submit(); // Submit the form it is in.
});

这样做的目的是在JS加载之前禁用提交按钮。一旦JS加载，它将启用提交按钮，然后剩下的事情将像以前一样工作。

相关文章：