填写表格后，提交按钮将不会启用

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

好的，您的选择器有误。

 form > selected

改成;

form > #form > #items > li > input

或者您可以简单地使用输入类别选择器，即“ textField”

Answer 2

这是有效的代码段，仅查看jQuery选择器，它也适用于textareas。

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