Validación de teléfonos internacionales con JavaScript

Siempre que hablamos sobre bibliotecas para validar números de teléfonos olvidamos un detalle importantísimo. El mismo que suele dar problemas a los usuarios ubicados en distintos lugares del mundo. Estoy hablando del formato del numero según el país. Este aspecto se encuentra contemplado en International Telephone Input y a continuación les recomendaré una forma de realizar validación de teléfonos internacionales con JavaScript.

International Telephone Input es una biblioteca gratuita, escrita en JavaScript, para validar números de teléfonos, esta biblioteca cuenta con la enorme ventaja de permitir validar los teléfonos respetando el formato según el país seleccionado.

Validar telefonos con codigo de pais

Esta biblioteca guarda todas las características internacionales de los principales países del mundo, este detalle logra diferenciar notablemente este recurso por sobre otras alternativas similares que no cuentan con este agregado.

International Telephone Input tiene otros detalles geniales, por ejemplo podemos comprobar la IP del visitante y en base al resultado seleccionar por defecto la característica y código de area de su país de residencia.

Validación de teléfonos internacionales con JavaScript

La compatibilidad de este proyecto es muy buena. Funciona con todos los navegadores modernos, en el caso puntual de Internet Explorer su compatibilidad comienza en la versión 8. Inclusive funciona en navegadores móviles, salgo unas pocas excepciones la compatibilidad se podría decir que es total.

Ejemplo de uso:

<input type="tel" id="mobile-number">

<script src="jquery.min.js"></script>
<script src="build/js/intlTelInput.min.js"></script>
<script>
  $("#mobile-number").intlTelInput();
</script>

Si algún país no aparece en el listado puede ser ingresado fácilmente. Para estas situaciones la biblioteca brinda una serie de mecanismos sencillos. Los mismos pueden ser consultados en la documentación oficial del proyecto.

International Telephone Input tiene como dependencias solamente al framework jQuery.

Visiten el proyecto para conocer los detalles de este muy buen recurso. Además de obviamente tener una demostración en linea para probar su funcionamiento.

Web: International Telephone Input

Categorizado en: