Jquery.Label의 이름이있는 폼의 맨 위에있는 오류 메시지

Question

jQuery 유효성 검사 플러그인과 함께 양식 위에 오류 메시지를 표시 할 수 있습니까?

나는 이런 일을하고 있어요,하지만 많은 분야가 무효 방법을 보여줍니다. 저는 jQuery 유효성 검사와 새 기능으로 새로운 기능을 제공하므로 이에 대해 전혀 알지 못합니다.

$("#addQ").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 
     if (errors) { 
      $("#error-message").show().text("You missed " + errors + " field(s)"); 
     } else { 
      $("#error-message").hide(); 
     } 
    } 
}); 

감사합니다.

Answer 1

당신이 그런 짓을하는 대신 invalidHandler의 showErrors을 사용 ...

showErrors: function(errorMap, errorList) { 
    var messages = ''; 
    $.each(errorList, function(i, val) { 
     messages = messages + "<li>" + errorList[i].message + "</li>"; 
    }); 
    $("#summary").html(messages); 
} 

또는 필드 이름

가 :

showErrors: function(errorMap, errorList) { 
    var messages = ''; 
    $.each(errorMap, function(key, value) { 
     messages = messages + "<li>" + key + ": " + value + "</li>"; 
    }); 
    $("#summary").html(messages); 
} 

http://jsfiddle.net/hauv7y0a/