如何在单击提交按钮后禁用该按钮。

我有一个页面，其中有一个表单。当我点击提交按钮时，我需要显示一条消息提示是否继续提交。如果用户单击继续提交，我需要在页面提交时禁用提交按钮。

下面的代码不起作用。

<form action="action_page.php" method="post">

<button type="submit" id="subbutton" name="submit_page[]" onclick="return confirm('Are you sure of your choices?'); this.disabled=true;">Submit </button>

</form>

以下代码来自My action_page.php

if(isset($_POST['submit_page'])){

}

---

解决方案

只需相应地设置指针-事件和不透明度：

#subbutton {
    "pointer-events" : "none", 
    "opacity" : 0.5
}

重新启用按钮：

#subbutton {
    "pointer-events" : "auto", 
    "opacity" : 1
}

使用JavaScript：

function set_submit(type) {
    if(type == 'disable') {
        document.getElementById('divsubbutton').style.pointerEvents = "none";
        document.getElementById('divsubbutton').style.opacity = 0.5;
    } else {
        document.getElementById('divsubbutton').style.pointerEvents = "auto";
        document.getElementById('divsubbutton').style.opacity = 1;
    }
}

按需使用：

set_submit('disable')
set_submit('enable')