Cómo deshabilitar el método de validación personalizado con la condición
-
03-07-2019 - |
Pregunta
Utilizo jQuery Complemento de validación para asegurar qué usuario ingresó cost_of_car en el primer campo de texto y positivo payment_amount en el segundo campo de texto, tal como * cost_of_car * 0.4 < = payment_amount < = cost_of_car *:
$.validator.addMethod("testMaxAmount", function()
{
return $("#cost_of_car").val() - 0 >= $("#payment_amount").val() - 0;
}, "Can't be more than cost_of_car");
$.validator.addMethod("testMinAmount", function()
{
return $("#cost_of_car").val() * 0.4 <= $("#payment_amount").val() - 0;
}, "Can't be less than cost_of_car * 0.4");
$("#calc_form").validate(
{
rules:
{
cost_of_car:
{
required: true,
number: true,
min: 1,
max: 10000000
},
payment_amount:
{
required: true,
number: true,
testMaxAmount: true,
testMinAmount: true
}
}
});
Ahora quiero omitir las comprobaciones testMaxAmount y testMinAmount hasta que cost_of_car sea válido. Prueba
$("#calc_form").validate().element("#cost_of_car")
o incluso
$("#calc_form").validate({ignore: "#payment_amount"}).element("#cost_of_car")
dentro de estos métodos conduce a la recursividad y bloquea el navegador.
¿Propondría algún otro método para deshabilitar la validación de payment_amount hasta que cost_of_car sea válido, por favor?
Solución
ACTUALIZACIÓN: El cambio tiene que estar en las validator.addMethod()
llamadas:
$.validator.addMethod("testMaxAmount", function()
{
if($("#cost_of_car").valid())
return $("#cost_of_car").val() - 0 >= $("#payment_amount").val() - 0;
else
return true;
}, "Can't be more than cost_of_car");
$.validator.addMethod("testMinAmount", function()
{
if($("#cost_of_car").valid())
return $("#cost_of_car").val() * 0.4 <= $("#payment_amount").val() - 0;
else
return true;
}, "Can't be less than cost_of_car * 0.4");
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow