填寫表單時將不會啓用提交按鈕

Question

剛剛嘗試此JSFiddle以獲得流暢的表單控件。但我無法得到那個工作。提交但仍然被禁用。我猜textareas也包括在內。

(function() { // fiddle 
 
    $("form > input").keyup(function() { 
 
     var empty = false; 
 
     $("form > input").each(function() { 
 
      if ($(this).val() == "") { 
 
       empty = true; 
 
      } 
 
     }); 
 

 
     if (empty) { 
 
      $("#submit").attr("disabled", "disabled"); 
 
     } else { 
 
      $("#submit").removeAttr("disabled"); 
 
     } 
 
    }); 
 
})();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
 
<div id="Contact"> 
 
    <h1> Contact Form </h1> 
 
    <p> Please fill in the form to send message to the site administrator </p> 
 
    <br/> 
 
</div> 
 
<form name="msg" method="post"> 
 
    <div id="form" align=center> 
 
     <ul id="items"> 
 
      <li align=center> 
 
       <input type="text" name="username" placeholder="Username or Real Name" class="textField" /> 
 
      </li> 
 
      <li align=center> 
 
       <input type="text" name="title" placeholder="Title" class="textField" /> 
 
      </li> 
 
      <li align=center> 
 
       <textarea name="content" class="textField" id="content" placeholder="Your Message..."></textarea> 
 
      </li> 
 
      <li> 
 
       <input type="submit" name="submit" class="textField" id="submit" value="Send" disabled="disabled" /> 
 
      </li> 
 
     </ul> 
 
    </div> 
 
</form>

這是它看起來充滿時，如：

Answer 1

OK，你的選擇是錯誤的。

form > selected 

改爲;

form > #form > #items > li > input 

，或者你可以簡單地使用輸入類選擇，這是「文本框」

Answer 2

這裏是工作的片段，只要看看jQuery選擇，它與文本域的作品，以及。

(function() { 
 
    $('form > input, form > textarea').keyup(function() { 
 

 
     var empty = false; 
 
     $('form > input, form > textarea').each(function() { 
 
      if ($(this).val() == '') { 
 
       empty = true; 
 
      } 
 
     }); 
 

 
     if (empty) { 
 
      $('#register').attr('disabled', 'disabled'); 
 
     } else { 
 
      $('#register').removeAttr('disabled'); 
 
     } 
 
    }); 
 
})()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
 
<form> 
 
    Username<br /> 
 
    <input type="text" id="user_input" name="username" /><br /> 
 
    Password<br /> 
 
    <input type="password" id="pass_input" name="password" /><br /> 
 
    Confirm Password<br /> 
 
    <input type="password" id="v_pass_input" name="v_password" /><br /> 
 
    Email<br /> 
 
    <input type="text" id="email" name="email" /><br />  
 
    Textarea<br /> 
 
    <textarea id="v_pass_input" name="v_password"></textarea><br /> 
 
    <input type="submit" id="register" value="Register" disabled="disabled" /> 
 
</form> 
 
<div id="test"> 
 
</div>