驗證表格填寫完畢，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; 
}