javascript，循环字段和验证

Question

我正在使用下面的代码来检查一些表单字段并在单击按钮时呈现数据表。我的目的是在任何字段为空时停止呈现表格。显然，循环内的 return false 不起作用。

这是正确的方法吗？有什么更好的方法吗？

$('#advance_search').click(function(){
  var ds = $('.advance_search .filter_field');

  $.each(ds, function(index, value){ //this loop checks for series of fields
    if ($(this).val().length === 0) {
      alert('Please fill in '+$(this).data('label'));
      return false;
    }
  });

  dt.fnDraw(); //shouldn't be called if either one of the field is empty

});

Answer 1

如果你仔细看，你的return false 是在$.each 回调函数中，所以它为调用者return false功能，而不是您所在的“主要功能”。

试试这个:

$('#advance_search').click(function(){
    var ds = $('.advance_search .filter_field'), valid = true;

    $.each(ds, function(index, value){ //this loop checks for series of fields
        if($(this).val().length === 0) {
            alert('Please fill in '+$(this).data('label'));
            return (valid = false); //return false and also assign false to valid
        }
    });

    if( !valid ) return false;

    dt.fnDraw(); //shouldn't be called if either one of the field is empty

});