如何在单击提交按钮后禁用该按钮。 [英] How to 'Disable submit button after clicking it'

问题描述

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

下面的代码不起作用。

<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')

这篇关于如何在单击提交按钮后禁用该按钮。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！