Html 如果文本框中没有文本，则无法输入

所以我有这个：

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

---

它工作得很好，但是如果文本框中没有任何内容，是否有办法使按钮不可单击？或者，如果您没有在文本框中写入任何内容，就让按钮执行其他操作？基本上谷歌就是这样，如果你没有任何东西在盒子里，它什么也不做。

你可以用javascript（jQuery）轻松地完成它

---

检查此答案：

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

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

setInterval（函数（）{
var length=document.getElementsByName（'q'）[0].value.length；
document.getElementsByClassName（'pure-button'）[0]。已禁用=！length；
}, 100);

---

如果您使用ids会更容易。

您可以使用JavaScript检测是否有键入的内容，如果没有，则灰显/隐藏提交按钮。谢谢，这正是我想要的。其他的我也试过了，但没有你的好。像你这样的人是社区的明星：）