javascript – 禁用/启用提交按钮,直到填写所有表单

前端之家收集整理的这篇文章主要介绍了javascript – 禁用/启用提交按钮,直到填写所有表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望我的表单提交按钮被禁用/启用,具体取决于表单是否已完全填充.

当输入填充时,禁用的按钮更改为启用.这很好.
但是我希望在输入输入时禁用该按钮.

这是我的脚本:

  1. <script type="text/javascript" language="javascript">
  2. function checkform()
  3. {
  4. var f = document.forms["theform"].elements;
  5. var cansubmit = true;
  6.  
  7. for (var i = 0; i < f.length; i++) {
  8. if (f[i].value.length == 0) cansubmit = false;
  9. }
  10.  
  11. if (cansubmit) {
  12. document.getElementById('submitbutton').disabled = false;
  13. }
  14. }
  15. </script>
  16. <form name="theform">
  17. <input type="text" onKeyup="checkform()" />
  18. <input type="text" onKeyup="checkform()" />
  19. <input id="submitbutton" type="submit" disabled="disabled" value="Submit" />
  20. </form>

解决方法

只需使用
  1. document.getElementById('submitbutton').disabled = !cansubmit;

而不是只有单向的if子句.

另外,对于禁用JS的用户,我建议只设置由JS禁用的初始设置.为此,只需将脚本移到< form>并调用checkform();一旦.

猜你在找的JavaScript相关文章