如何在页面加载时禁用表单的提交按钮？

Question

我想在页面加载时禁用提交按钮，并且在完成页面加载后它变为活动状态，任何人都可以帮助我如何做到这一点

<form>
   Firstname:
   <input type="text">
   <button type="submit" class="btn btn-primary">Submit</button>
</form>

Answer 1

禁用 HTML 中的按钮并给它一个 ID - 这是假设您不需要支持禁用 JavaScript 的浏览器。

<form>
   Firstname:
   <input type="text">
   <button id="subbut" type="submit" class="btn btn-primary" disabled>Submit</button>
</form>

然后你可以做

jQuery：

$(function() {
  $("#subbut").attr("disabled",false); // or removeAttr("disabled")
});

普通JS

window.addEventListener("load", function() {
  document.getElementById("subbut").disabled=false; // or removeAttribute("disabled")
})