html - 文本框中没有文本就不能输入

Question

所以我有这个:

<form action="results.html" class="pure-form" accept-charset="unicode">
<input type="hidden" name="cx" value="017807894282691686756:y12pdghija8"/>
<input type="hidden" name="ie" value="utf-8" />
<input type="text" name="q" placeholder="" size="50"/>
  <input type="submit" class="pure-button" src="" value="Search"/>
</form>

它工作得很好，但是如果文本框中没有任何内容，有没有办法让按钮不可点击？或者如果您不在文本框中输入任何内容，则只是让按钮执行其他操作？基本上就是谷歌如何拥有它，如果你没有任何东西在盒子里，它就不会做任何事情。

Answer 1

您可以使用 JavaScript 和 setInterval 函数来完成此操作。它看起来像这样:

<script>
 window.setInterval(function() {
  var length = document.getElementsByName('q')[0].value.length;
  document.getElementsByClassName('pure-button')[0].disabled = !length;
 }, 100);
</script>

如果你使用 id 会更容易。