jquery - 验证表单已填写，HTML jQuery

Question

我知道这是一个简单的问题，但是你们能帮我解决以下代码吗？我创建此函数是为了检查表单中是否填写了必填字段。如果它发现其中一个输入为空，那么它应该停止并返回 false。如果所有元素都有内容，则应返回 true。以下函数不起作用，因为我的 return false; 行位于 jQuery .each 函数内。它没有返回我定义的新函数。我该如何处理这个问题？

function check_form(){
    $('form .required').each(function(){
        if ($(this).val() == ""){
            show_dialog('Please enter a value for ' + $(this).attr('name'));
            return false;
        }
    });

    return true;
}

即使某些必填字段为空，此函数每次都会返回 true。

此 fiddle 描述了问题:http://jsfiddle.net/f59t4/2/

现在可以了，谢谢大家!

Answer 1

试试这个

function check_form(){
    var flag = true;
    $('form .required').each(function(){
        if ($(this).val() == ""){
            show_dialog('Please enter a value for ' + $(this).attr('name'));
            flag =  false;
        }
    });

    return flag;
}