Javascript 如何使按钮在第一次单击后停止提交表单

我的问题是，我有一个带有提交按钮的表单，但如果你只需单击一次，它就会不断添加与第一次相同的信息，我如何才能停止此操作？如何在第一次单击后禁用按钮

按钮的代码

表格代码

<div class="modal fade" id="AccountAddModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
    <div class="modal-content">
        <form action="#" id="add-form" class="smart-form client-form" method="post">
                    <div class="row">
                        <section class="col col-6">
                            <label class="input">
                                <input type="text" name="names" placeholder="First name">
                            </label>
                        </section>
                        <section class="col col-6">
                            <label class="input">
                                <input type="text" name="lastnames" placeholder="Last name">
                            </label>
                        </section>
                        <section class="col col-6">
                            <label class="input"> <i class="icon-prepend fa fa-phone"></i>
                                <input type="tel" name="phone" placeholder="Phone" data-mask="(999) 999-9999">
                            </label>
                        </section>
                    </div>
                </fieldset>
            </div>
            <footer>
                <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    Cancel
                </button>
                <button type="submit" class="btn btn-primary">
                    Register
                </button>
            </div>
            </footer>   
        </form> 
    </div>
</div><

---

我已经尝试过这些解决方案，但当您单击“快速”时，我仍然遇到问题您可以多次提交，并且要添加新用户，您必须刷新页面

您可以像下面这样执行普通javascript：

document.getElementById("add-form").disabled = true;

这将禁用该按钮。

---

只需将其添加到submit函数回调中。

您可以使用以下jquery代码禁用该按钮：

$(#buttonid).attr("disabled","disabled");

---

将它放在单击功能中

您可以在按钮的单击事件处理程序中这样做

if ( !document.getElementById("button's_id_here").disabled )
   document.getElementById("button's_id_here").disabled = true;

    //rest of the button's click handler here

或者使用jQuery

if ( !$("#button's_id_here").attr("disabled")  )
   $("#button's_id_here").attr("disabled", true);

    //rest of the button's click handler here

---

您可以使用document.getElementByIdbutton的_id_here.disabled=true禁用按钮；或者在这里使用jQuery$button的id。prop'disabled'，true；如何在第一次单击后禁用按钮？通过JQuery$btn_id设置属性？@epascarello来禁用它；功能您可以在第一次单击后禁用它。要禁用，请使用$btn_id.propdisabled，true；不知道你为什么提到我@AAShakil@epascarello哦，对不起。你回答了，我以为你是提问者。问题是我的按钮没有id。你可以向按钮添加id，也可以使用jQuery查找所需的按钮，如$div.modal-footer button.btn.btn-primary.attrdisabled将为你提供提交按钮的状态。你可以添加id或其他你想要的id。很好，问题是它不能让我从一开始就点击它。从开始删除类模式淡入淡出时，它看起来是禁用的，我认为您缺少HTML末尾的结束div标记。这不允许我首先单击，而是从开始禁用按钮

if ( !$("#button's_id_here").attr("disabled")  )
   $("#button's_id_here").attr("disabled", true);

    //rest of the button's click handler here