验证表格填写完毕，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。

问题在这个小提琴描述：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; 
} 

Answer 2

假设：

1）你想的所有问题验证总结，

2）你不想包含所有空格场被算作有效，那么：

function checkform() { 
    var errors = ""; 
    var $blankFields = $('form .required').filter(function() { 
     return $.trim($(this).val()) === ""; 
    }); 
    if ($blankFields.length) { 
     $blankFields.each(function() { 
      errors += "Please enter a value for " + $(this).attr('name') + "<br />"; 
     }); 
     show_dialog(errors); 
     return false; 
    } 
    return true; 
}