jquery validator에 custom validator 추가할 때마다 매번 격는 문제라 여기에 남겨노려 한다. custom jquery validator 추가할 때 async로 처리하는 경우 유효성 처리가 async로 진행되어 정상적인 결과를 처리하지 못하는 경우를 종종 경험한다.
이 경우 다음과 같이 jquery ajax function에서 async를 false로 설정하고 다음과 같이 custom validator를 추가할 수 있다.
$.validator.addMethod("duplicateUserId", function(value, element, param) {
var validator = this;
var userId = $(param).val();
var isSuccess = false;
$.ajax({
url: '/api/users/duplicateUserId',
data: { userId: userId },
success: function(response) {
if( !response ) {
return true;
}
var errors = {};
errors[element.name] = SL10N.User.duplicateUserId(userId);
validator.showErrors(errors);
return false;
},
dataType: 'json',
async: false
});
return true;
});
0개의 의견 from SLiPP
의견을 남기기 위해서는 SLiPP 계정이 필요합니다.
안심하세요! 회원가입/로그인 후에도 작성하시던 내용은 안전하게 보존됩니다.
SLiPP 계정으로 로그인하세요.
또는, SNS 계정으로 로그인하세요.