单击后隐藏提交按钮

Question

我知道有很多关于如何在点击后隐藏提交按钮的答案，但我无法让任何解决方案起作用。我试图用onclick=""和javascript隐藏它。该表单用于wordpress插件。

echo '<p><input type="submit" name="submitted" id="send" value="Send"></p>';

Answer 1

如果你有jQuery可用，你可以做一些简单的事情：

$(document).ready(function() {
    $('#send').on('click', function() {
        $(this).hide();
    });
});

Answer 2

我会做@Nexxuz建议的，但是要添加，如果你为了防止重复提交而隐藏按钮，你应该将按钮的隐藏绑定到表单上的提交事件，因为这会抓住单击提交按钮，以及用户点击＆＃34;输入＆＃34;

$(document).ready(function($) {
    $('#myForm').on('submit', function(evt) {
        $('#send').hide();
    });
});

Answer 3

你可以通过添加onclick =“this.style.display ='none';”来做到这一点。如提供的代码段所示。

echo '<p><input type="submit" name="submitted" id="send" value="Send" onclick="this.style.display='none';"></p>';