Athento permite la validación de campos de forma totalmente dinámica mediante código Javascript.
Supongamos la validación hipotética de que un número de factura comience con "5", en este caso, escribiríamos el siguiente código en el campo "Javascript validation":
function valida_numero_factura() {
var num_factura = $(".metadata_numero_factura").val();
var campo_num_factura = $(".metadata_numero_factura")[0];
if (num_factura.startsWith("5") {
campo_num_factura.setCustomValidity("El numero de factura debe empezar por 5");
return false;
}
else {
campo_num_factura.setCustomValidity("");
return true;
}
}
$(".metadata_numero_factura").change(function() {
valida_numero_factura()
})
En este caso, el aviso para el usuario sólo aparecerá cuando se edita el campo. Si queremos que el aviso aparezca al acceder al documento, es necesario añadir al final:
$(document).ready(function() {
valida_numero_factura();
});
Si queremos que el botón "Validar" esté deshabilitado si el campo no cumple el formato, debemos usar el siguiente código:
function valida_numero_factura() {
var num_factura = $(".metadata_numero_factura").val();
var campo_num_factura = $(".metadata_numero_factura")[0];
if (num_factura.startsWith("5") {
campo_num_factura.setCustomValidity("El numero de factura debe empezar por 5");
$('#validatedoc').prop('disabled', true);
return false;
}
else {
campo_num_factura.setCustomValidity("");
$('#validatedoc').prop('disabled', false);
return true;
}
}
$(".metadata_numero_factura").change(function() {
valida_numero_factura()
})
$(document).ready(function() {
valida_numero_factura();
});
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.