多個字段的一個錯誤消息

Question

驗證多個字段後，如何顯示一個錯誤消息？

例如，如果我有3個分組的文本字段，並且我想在驗證所有三個字段後才顯示錯誤消息。

Answer 1

與窗體沒有代碼示例，我不知道你是什麼驗證對或者如果每個字段有一個獨特的驗證，所以我猜：

的jsfiddle：http://jsfiddle.net/jensbits/vVe3r/3/

<form id="myform"> 
<input type="text" /><br /> 
<input type="text" /><br /> 
<input type="text" /><br /> 
<input type="submit" value="Submit" /> 

$(function() { 
    $("#myform").submit(function(e) { 
     e.preventDefault(); 
     var validfields = true; 
     $("input").each(function() { 
      if ($(this).val() === "") { 
       validfields = false; 
      } 
      if (!validfields) { 
       $("#error").html("<span style='color:red'>Error in form</span>"); 
      }else{ 
       $("#error").html(""); //if submit posts back to same page 
       $("#myForm").submit(); 
      } 
    }); 
}); 
    $("input").blur(function() { 
     if ($(this).val() === "") { 
      $("#error").html("<span style='color:red'>Error in form</span>"); 
     }else{ 
      $("#error").html(""); 
     } 
    }); 


}); 

Answer 2

退房jQuery的驗證插件，特別是圍繞組部分：

http://docs.jquery.com/Plugins/Validation/validate#toptions