jQuery를 사용하여 양식에 오류 메시지 추가

Question

양식 데이터의 jQuery 게시 후에 JSON 개체를 다시 가져옵니다. 양식이 유효하지 않으면 상태가 "error"로 설정되고 오류가 발생한 부분에 메시지가 추가됩니다.

이

는 (방화범 콘솔에서 가져온) 내 대답

"status":"error", 
"messages":{ 
    "email":{ 
     "emailAddressInvalidFormat":"'asd' is no valid email address in the basic format local-part@hostname" 
    } 
} 

형태가 완벽하게 작동하고 유효 포스트의 삽입이다. 형태가 실패했을 때 지금은 오류 메시지를 추가하려면이 코드를 사용

$.each(data.messages, function(element, errors) { 
    var ul = $("<ul>").attr("class", "errors"); 
    $.each(errors, function(name, message) { 
     ul.append($("<li>").val(message)); 
    }); 

    $("#" + element).after(ul); 
}); 

나는 그 요소와 메시지 (console.log()로 확인) 괜찮 알 수 있습니다. 나는 (두 번째) 루프로 인해 잘못되었다고 생각한다. 왜냐하면 다른 곳에서는 비슷한 코드 조각이 잘 작동하기 때문이다. html이 DOM에 삽입되지 않았다고 확신합니다. 방화 벽도 확인했습니다.

Answer 1

val() 메서드는 양식 태그에서 정보를 설정하고 검색하는 데 사용됩니다. 그 대신 텍스트() 메소드를 사용하여

ul.append($("<li>").text(message));