Javascript 禁用了提交按钮,未使用JQuery启用

Javascript 禁用了提交按钮,未使用JQuery启用,javascript,jquery,Javascript,Jquery,我在SO上添加了这个JQuery-found来验证我的表单,以便在单击submit按钮之前必须填写字段,但该按钮从不取消禁用 表格 <form action="homepage.php" method="POST" id="form"> <div class="medium-50 columns"> <label>Phone Number</label> <input type="text" placeholder="Enter Your

我在SO上添加了这个JQuery-found来验证我的表单,以便在单击submit按钮之前必须填写字段,但该按钮从不取消禁用

表格

<form action="homepage.php" method="POST" id="form">

<div class="medium-50 columns">
<label>Phone Number</label>
<input type="text" placeholder="Enter Your Phone Number" name="phone" />
</div>

<input type="submit" id="register" value="Submit" name="submit" disabled="disabled">

</form>

怎么了?

它不起作用,因为“输入”不是“形式”的子项

看一看就知道了

试试这个:

(函数(){
$('form input').keyup(函数(){
var empty=false;
$('form input')。每个(函数(){
if($(this.val()=''){
空=真;
}
});
console.log(空);
if(空){
$('#register').attr('disabled','disabled');
}否则{
$(“#寄存器”).removeAttr('disabled');
}
});
})()

电话号码

是不是
$(“#寄存器”).attr('disabled',true)?这可以正常工作,但我应该更好地描述我的需求。在我的表格上,我有一组复选框/单选按钮,这些复选框/单选按钮允许留空,然后我有一个表格,其中包含必须填写的输入文本框。当我在我的电脑上使用这个答案时,它仍然不会取消禁用-我相信是因为复选框
(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');
        }
    });
})()