jQuery 返回未按预期工作

Question

以下函数正确验证空字段:

function empty_field(element){
    element.each(function(){
        if($(this).val() == ''){
            $(this).addClass('error');
        }
        else{
            $(this).removeClass('error');
            return true;
        }
    });
}

但是我想通过执行以下操作来检查验证是否完成:

        submit.click(function(e){
            e.preventDefault();

                            var input = $('.input');

            if(empty_field(input))//if the form is valid
            {
                console.log('form validated');
            }

        });

当我单击提交按钮时，表单得到验证，但控制台日志不起作用，这意味着条件可能是错误的。

有什么帮助吗？

Answer 1

您的内部函数不会从外部函数返回。

您可以在empty_field函数的范围内使用变量进行修改。例如。

function empty_field(element){
   var valid = true;
   element.each(function(){
     if($(this).val() == ''){
        $(this).addClass('error');
        valid = false;
     }
     else{
        $(this).removeClass('error');
     }
   });
   return valid;
 }