使用具有PHP功能的表單提交后禁用按鈕。沒有jQuery

Question

我有一個在PHP中回顯的HTML表單，該表單動作稱為PHP函數。 我想在單擊后禁用提交按鈕，如果可能的話不使用jQuery。

#PHP
echo '
<form method="POST" action="' . phpFunction() . '">
    //form fields
    <button name="submit" type="submit" class="btn btn-primary btn-block">Enviar</button>
</form>';

我嘗試在按鈕上使用onclick="this.disabled=true" ，但它阻止了PHP函數的執行。 我應該怎么做才能執行該功能並禁用該按鈕？

Answer 1

使用此簡單代碼禁用提交按鈕

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
        function form_submission(form_id, button_id) {
            $('#btn_add').attr('disabled', 'disabled');
            document.getElementById(button_id).style.display = "none";
            document.forms[form_id].submit();
        }
    </script>
</head>
<body>
    <form action="submit.php" method="post" name="form_name" id="form_name">
        <input type="text" name="first_name" />
        <input type="text" name="last_name" />
        <input type="button" name="btn_add" id="btn_add" value="save" onclick="form_submission('form_name', 'btn_add')" />
    </form>
</body>

Answer 2

document.getElementById("yourButtonId").disabled = true;

從這里獲取： https : //www.w3schools.com/jsref/prop_pushbutton_disabled.asp

使用具有PHP功能的表單提交后禁用按鈕。沒有jQuery

問題描述

2 個解決方案

解決方案1
1 2019-11-28 04:58:22

解決方案2
0 2019-11-28 04:31:43

使用具有PHP功能的表單提交后禁用按鈕。 沒有jQuery

問題描述

2 個解決方案

解決方案1 1 2019-11-28 04:58:22

解決方案2 0 2019-11-28 04:31:43

使用具有PHP功能的表單提交后禁用按鈕。沒有jQuery

解決方案1
1 2019-11-28 04:58:22

解決方案2
0 2019-11-28 04:31:43