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（jQuery）轻松完成。

检查此答案：disable submit button if inputs are empty with jQuery

Answer 2

您可以使用JavaScript和setInterval函数执行此操作。它看起来像这样：

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

如果使用ID，会更容易。

文本框中没有文本输入

2 个答案: