如何检查是否所有必需的字段填写启用提交按钮?

Question

我正在尝试验证多个必需字段。这段代码目前至少适用于一个必填项目的填写，但我不知道如何使其工作，使其适用于所有必填项目的。有人能帮帮我吗?我应该提一下，这也包括复选框和无线电。

$(document).ready(function(){
$('input[required]').on('keyup', function(){
var empty = false, val = '';
val = $(this).val();
if (val.length) {
empty = false;
} else {
empty = true;
}
if (empty) {
$('#register').css('opacity', '0.2').attr('disabled', 'disabled');
} else {
$('#register').css('opacity', '1').removeAttr('disabled');
}
});
});

Answer 1

我想应该是这样的。

$(document).ready(function(){
$('input[required]').on('keyup', function() {
var empty = false;
$('input[required]').each(function(){
var val = $(this).val().trim();
if(val.length == 0 || typeof val == 'undefined'){
empty = true;
}           
})
if (empty) {
$('#register').css('opacity', '0.2').attr('disabled', 'disabled');
} else {
$('#register').css('opacity', '1').removeAttr('disabled');
}
});
});