JQuery Mask no funciona al cargar inputs mediante ajax [Solución]
En un post anterior mostré como enmascarar campos de un formulario con JQuery Mask, pero al agregar controles dinámicamente al formulario utilizando Ajax este no ejecuta la función sobre los nuevos controles.
La solución a esto es muy fácil, después de agregar los nuevos input solo debemos ejecutar el comando para quitar la mascara y volverla a aplicar. Por ejemplo así:
|
1 2 3 4 5 6 7 8 9 10 |
$.ajax({ url: 'archivo_ajax.php', async: false, dataType: 'html' }).done(function(data){ //aqui agrego el nuevo control a un div $('#tel_adicional').append(data); //quito la mascara y la vuelvo a poner $('.telefono-numero').unmask().mask('(###) ####-####'); }); |
Haciendo esto vuelve a funcionar.
Entradas relacionadas
Sobre el Autor
hug0
Programador web, intento de runner, aficionado a Formula 1 y MotoGP. Habilidad especial: Comer 12 porciones de pizza con todo y orilla