在提交MVC后禁用BootstrapButton

disabled BootstrapButton After submit MVC

本文关键字：BootstrapButton 提交 MVC      更新时间：2023-09-26

我正在使用bootstrap，我正试图禁用我的按钮后提交(禁用按钮为用户不点击加载时)如下

JS: 

<script>
    $("#button").click(function () {
        $(this).attr('disabled', 'disabled');
    });
</script>

HTML 

<button type="submit" class="btn btn-primary" id="button"/>

这段代码工作得很好:当我点击我的按钮是禁用的:)，但我的按钮不工作，它像禁用前提交。

任何想法?

这样做:

<input type="submit" class="btn btn-primary" id="button"/>

和使用表单提交事件禁用按钮:

$("form").submit(function () {
        $(this).find("input:submit").attr('disabled', 'disabled');
    });

Bootstrap有一个内置的方法来做到这一点。它是用于设置按钮的加载状态，而不一定只是用于一般的禁用，但在我看来，它实际上更好，因为它给你的用户一些视觉反馈，告诉他们实际发生了什么。

<button type="button" data-loading-text="Submitting..." class="btn btn-primary">
  Submit
</button>
<script>
  $('[data-loading-text]').on('click', function () {
    $(this).button('loading');
  });
</script>

相关文章：