获取特定div的子元素中的输入字段的值

Question

我将我的表单拆分为多个部分,并且我正在尝试使用脚本检查每个部分中的空字段数.以前我编写了一个数组,其中包含每个部分的id,并让它循环遍历该数组,但我想找到一个不依赖于预定义数据的更通用的解决方案.

起初我正在尝试.find()

function blankFields(section){
    var totblank = 0;
    var inputs = $('#' + section).find('input');
    $.each(inputs, function(){
        if(this.val() == '') { totblank++; );
    }

什么时候不起作用我试过.serializeArray()

function blankFields(section){
    var totblank = 0;
    var inputs = $('#' + section + ' input').serializeArray();
    $.each(inputs, function(i, field) {
        if (field.value == '') { totblank++; }
    });

然后跟进

    if(totblank > 0){
        $("#"+section+"B").html(totblank+" Empty");
    } else {
        $("#"+section+"B").html("All full!");
    }       
}

section是div的id,div有一个表格输入.

这是我第一次使用这些功能,所以我不确定我哪里出错了.感觉就像我期待输出不是它的东西.

Answer 1

您的代码中存在一些语法错误.固定:

function blankFields(section){
   var totblank = 0;
   var inputs = $('#' + section).find('input');
   inputs.each(function(){
      if($(this).val() == '') totblank++;
   });

   alert(totblank); 
}