HTML 提交按钮在按下时隐藏

Question

在我的网络应用程序中，我想在用户单击时隐藏提交按钮。

通常该选项之前不存在，当点击提交按钮时，请求已提交。

然后我添加此代码以在点击时隐藏提交按钮

<input type="submit" value="Submit Request" class="btn btn-success" onClick="this.disabled=true; this.value='Sending...'; submitForm(); return false;" />

现在问题是隐藏的，但是请求还没有提交给控制器。

Answer 1

你能运行一些Javascript反对这个代码吗？如果是这样你可以使用这是 html:

<form id="my-form" action="/whatever action">
    <input type="submit" value="Submit Request" id="btn-show" 
      class="btn btn-success" />
</form>

这个脚本：

<script type="text/javascript">
    var button = document.getElementById('btn-show')
    button.addEventListener('click',hideshow);

    function hideshow() {
       document.getElementById('btn-show').style.display = 'block'; 
        this.style.display = 'none'
       document.getElementById("my-form").submit();
       document.getElementById('btn-show').disabled=true; 
       document.getElementById('btn-show').value='Sending...';
       return false
    }   
</script>

查看 codepen，了解如何将其应用到您的项目中：https://codepen.io/bolti95/pen/qBpxgOQ

HTML 提交按钮在按下时隐藏

HTML Submit button hide on press

html

c#

asp.net

asp.net-mvc