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

Answer 2

尝试一次

<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 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步：

在内部页面加载中，在方法结束时，您可以通过动态应用css再次启用该按钮。

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

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

6 个答案: