如何检查是否填写了所有必填字段以启用提交按钮？

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');
            }
        });
    });