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

Question

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

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

Answer 1

试试这个

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

<script>
$(document).ready(function(){
    $('button').attr('disabled',false);
});
</script>

Answer 2

禁用 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.onload=function() {
  document.getElementById("subbut").disabled=false;
}

Answer 3

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

然后在 jQuery 中

<script type="text/javascript">
$(function() {
    $('button').attr('disabled',false);
});
</script>

Answer 4

将disabled="disabled"属性添加到您的按钮和此脚本：

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

<script type="text/javascript">
  $(document).ready(function() {
    $('button').removeAttr('disabled');
  });
</script>

页面加载后，就绪事件将被触发，禁用的按钮变为可用。

Answer 5

将您的按钮设置为禁用

<button id="myButton" type="button" disabled>Click Me!</button>

并在文档准备好后，使用以下代码启用它：

$( document ).ready(function() {
     $('#myButton').prop('disabled', false);
});

Answer 6

第1步：

在 c# 中的 init 方法中，您可以通过动态应用 css 来禁用按钮。

controlname.attributes.add("disabled","disable");

第2步：

在 pageload 中，在方法的末尾，您可以通过动态应用 css 再次启用按钮。

controlname.attributes.add("disabled","enable");