Kendo Validator을 사용하여 클라이언트 유효성 검사를 수행하는 웹 양식이 있습니다. 클라이언트 유효성 검사가 성공하면 양식 값이 추가 유효성 검사를 수행하는 웹 서비스로 보내지고 양식 필드로 입력 된 JSON 오류 메시지 개체가 다시 전송됩니다. 이 필드 이름은 유효성 검사기 요소의 data-for 속성과 일치합니다. Kendo Validator을 사용하여 이러한 오류를 표시하는 방법이 있습니까?Kendo UI : Kendo Validator를 사용하여 서버 측 오류 표시
필드 당 서버 측 유효성 검사를 수행하는 사용자 지정 규칙을 설정할 수 있다는 것을 알고 있습니다. 이것은 한 번에 모든 필드의 유효성을 확인하고 여러 오류를 표시하는 것입니다.
서버에서 일부 오류가 반환되면 유효성 검사 오류를 표시하는 응답 이벤트 및 호출 기능에 연결할 수 있습니다.
validationMessageTemplateForReplace = kendo.template(
'<div class="k-widget k-tooltip k-tooltip-validation k-invalid-msg field-validation-error" style="margin: 0.5em; display: block; " data-for="#=field#" data-valmsg-for="#=field#" id="#=field#_validationMessage">' +
'<span class="k-icon k-warning"> </span>#=message#<div class="k-callout k-callout-n"></div></div>');
function onResponseEnd(response) {
if (response.errors) onError(response.errors, $('#myForm'));
}
function onError(errors, element) {
for (var error in errors) {
addValidationMessage(element, error, errors[error].errors);
}
}
function addValidationMessage(container, name, errors) {
//add the validation message to the form
var found = container.find("[data-for=" + name + "],[data-val-msg-for=" + name + "],[data-valmsg-for=" + name + "]");
if (found.length > 0) {
found.replaceWith(bs.validationMessageTemplateForReplace({ field: name, message: errors[0] }));
return true;
}
return false;
}
AddModelError 방법을 사용하여 여러 오류를 표시 할 수 있습니다.