灰色提交按钮,直到表格填写完毕

Question

我有以下表格:

 <form action="http://www.tahara.es/contact/subscribe.php" method="post" id="subscribe" name="subscribe">
      <input type="hidden" name="action" value="subscribe">
      <label>NAME:</label>
      <input type="text" name="name" class="Textbox" id="sub_first_name">
      <label>EMAIL:</label>
      <input type="text" name="email" class="Textbox" id="sub_email">
      <input type="submit" name="button" id="button" value="Subscribe" />

我想将submit按钮变灰,直到表格中的两个字段都填写完毕.我猜jquery可以做到这一点吗？

我怎么能这样做,我应该在哪里放置脚本？

Answer 1

Jquery会这样做.在.keyup事件上有jquery检查两个字段的长度是否都大于0并将按钮更改为禁用.

$('#yourButton').button("disable");?????????????

$('.fields').bind('keyup', function() { 
var nameLength = $("#sub_first_name").length;
var emailLength = $("#sub_email").length;

if (nameLength > 0 && emailLength > 0)
{
   $('#yourButton').button("enable");?????????????
}

} );