Estender JQuery Validator Plugin com método personalizado
-
06-07-2019 - |
Pergunta
Eu adicionei um método de validação personalizado para validar uma senha. No entanto, não importa se o JSON que recebo é:
{"success":true}
ou
{"success":false}
O campo password não valida.
$(document).ready(function() {
// Ad custom validation
$.validator.addMethod('authenticate', function (value) {
$.getJSON("./json/authenticate.do",{ password: value},function(json) {
return (json.success == true) ? true : false;}
);
}, 'Wrong password');
$('form#changePasswordForm').validate({
rules: {
repeat_new_password: { equalTo: "#new_password" },
password : {authenticate: true}
}, submitHandler: function(form) {
$(form).ajaxSubmit( {
dataType: "json",
success: function(json) {
alert("foo");
}
});
}
});
});
Qualquer idéia, o que estou fazendo de errado?
Solução
O que você faz de errado é que quando você adicionar o seu método personalizado você nunca retornar verdadeiro ou falso a partir dele. Você devolvê-lo no retorno de chamada ajax.
$.validator.addMethod('authenticate', function (value) {
$.getJSON("./json/authenticate.do",{ password: value }, function(json) {
// This return here is useless
return (json.success == true) ? true : false;
});
// You need to return true or false here...
// You could use a synchronous server call instead of asynchronous
}, 'Wrong password');
Em vez de adicionar um método personalizado que você poderia usar o função remota :
$('form#changePasswordForm').validate({
rules: {
repeat_new_password: {
equalTo: "#new_password"
},
password : {
// This will invoke ./json/authenticate.do?password=THEVALUE_OF_THE_FIELD
// and all you need to do is return "true" or "false" from this server script
remote: './json/authenticate.do'
}
},
messages: {
password: {
remote: jQuery.format("Wrong password")
}
},
submitHandler: function(form) {
$(form).ajaxSubmit({
dataType: "json",
success: function(json) {
alert("foo");
}
});
}
});
Você pode verificá-la em ação aqui .
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow