【问题标题】：how to disable submit button until form is filled如何在填写表单之前禁用提交按钮
【发布时间】：2014-06-01 17:00:34
【问题描述】：

我知道那里有很多答案，但由于某种原因它对我不起作用。

您可以在JSFiddle查看代码

脚本位置有误？输入 id 之一？

问题：填充文本字段后，按钮仍然禁用。

HTML

<form class="form" name="contactform" method="post" action="https://lp.outit.co.il/LA-FACE/send_form_email.php">
    <input  placeholder="Your Name*"  type="text" name="name" maxlength="50">
    <input placeholder="Phone *"   type="text" name="telephone" maxlength="30">                    
    <input placeholder="Email *"   type="email" name="email" maxlength="80">
    <input class="send" id="register" type="submit" value="Send" disabled="disabled">

    <p>* = Requierd fields</p>

</form>

头上的JQUERY

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>
(function() {
$('form > input').keyup(function() {

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

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

【问题讨论】：

您的小提琴按预期正常工作。有什么问题？在我填写数据之前，表单没有提交。没关系。有什么问题？
它是如何工作的？对我来说，填写文本字段后，该按钮仍处于禁用状态。

标签： javascript jquery html

【解决方案1】：

我发布了工作小提琴，这是你想要的吗？ http://jsfiddle.net/qqwcu/2/

注意它的首选使用：$('#register').prop("disabled", false); 检查这个Remove disabled attribute using JQuery?

 $(document).ready(function(){
$('form > input').keyup(function() {

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

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

     $('#register').prop("disabled", false);
}
});
});

【讨论】：

为什么我的问题都是减号。它的事实 - 有些东西对我不起作用，jsfiddle 只是为了举例，在它不起作用的网站上，我认为它的合法性问题
您的网站运行良好。什么问题，我填写了所有字段并提交了。请按LONG：CTRL+F5清除缓存并再次测试。

【解决方案2】：

你的小提琴很好，虽然，你没有在那里包含 jQuery。问题解决了吗？

【讨论】：

【解决方案3】：

当 DOM 尚未准备好时，您的代码正在运行。

还是用

包起来

$(document).ready()

【讨论】：