文本框内无文字无输入答案

【问题标题】：No input without text in the text box文本框内无文字无输入
【发布时间】：2014-06-02 19:43:44
【问题描述】：

所以我有这个：

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

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

【问题讨论】：

您可以使用 JavaScript 来检测是否有任何输入，如果没有则灰显/隐藏提交按钮。

标签： html input

【解决方案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 会更容易。

【讨论】：

谢谢，这正是我想要的。我也试过其他的，但它们没有你的那么好。像你这样的人是社区的明星:)

【解决方案2】：

您可以使用 javascript (jQuery) 轻松完成。

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

【讨论】：