Cómo escribir un número de teléfono celular de una manera internacional usando JavaScript?
Trabajar con números de teléfono celular es algo importante, especialmente al obtener datos de la base de datos y mostrarlos al usuario en el navegador web. En tales escenarios, el programador debe asegurarse de que el número de teléfono celular esté formateado en un determinado formato internacional.
Este artículo explicará cómo tomar un número de teléfono celular, formatearlo de manera internacional y mostrarlo al usuario. Y el formato internacional para el número de teléfono celular será "E-164", que se titula formato de numeración de telecomunicaciones públicas internacionales.
Paso 1: Crear una página HTML
Comience simple creando una página web HTML para solicitar al usuario y mostrar el número formateado con las siguientes líneas:
Ingrese el número en el cuadro de solicitud
En las líneas anteriores:
- El encendido la propiedad está establecida en el etiqueta que busca el comenzar() función en el javaScript en la carga completa de la página web.
- A La etiqueta se crea para notificar al usuario
- Un divir con la identificación "número" se crea para imprimir el número de teléfono celular formateado
Ejecutar el documento HTML mostrará la siguiente página web en el navegador:
Esta página web no hace nada, esto cambiará en el siguiente paso
Paso 2: Código de JavaScript para el número de teléfono celular formateado en E.164
En el archivo JavaScript, o dentro del Etiqueta, cree un nombre de función como inicio () que se ejecutará en la carga completa de la página web:
función start ()// Las próximas líneas pertenecen aquí
En esta función, use un cuadro de solicitud para obtener la entrada del usuario y almacenarla dentro de la variable "Numberser":
var userNumber = solicit ("Ingrese su número de celda");Después de eso, aplique el método de coincidencia () en la variable número de usuario con la ayuda de un operador de puntos. Compararemos la entrada del usuario con el Regex para verificar que sea un número de celda correcto:
resultado var = userNumber.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);Después de eso, consulte el resultado variable o más específicamente el valor en el índice 1 para que el país coincida con el valor "1":
var ccode = resultado [1] ? "+1": "";Una vez que se verifica esa entrada, simplemente formatea la cadena en el formato E-164 correcto que se colocará en la página web con lo siguiente:
var formattedNumber = ccode + "(" + resultado [2] + ")" + resultado [3] + "-" + resultado [4];Y luego el último paso es acceder al DIV con la identificación como "número", y luego establezca su valor innerhtml en el Number formatizado variable:
documento.getElementById ("número").innerhtml = "El número internacional es:" + formattedNumber;El fragmento completo del código JavaScript es como:
función start ()var userNumber = solicit ("Ingrese su número de celda");
resultado var = userNumber.Match (/^(1 |)?(\ d 3) (\ d 3) (\ d 4) $/);
var ccode = resultado [1] ? "+1": "";
var formattedNumber =
ccode + "(" + resultado [2] + ")" + resultado [3] + "-" + resultado [4];
documento.getElementById ("número").innerhtml =
"El número internacional es:" + FormattedNumber;
Paso 3: Probar la salida
Una vez que haya terminado con los dos primeros pasos, ejecute el documento HTML y, cuando se le solicite, escriba el número de teléfono celular correcto y observe la siguiente salida:
El número insertado se convirtió en el E-164 formato numérico
Envolver
Un número de teléfono celular se puede convertir fácilmente de una manera internacional o de acuerdo con el E-164 con la ayuda de JavaScript. Para esto, tome el número de teléfono celular del usuario, coincida con una regex para verificar su integridad y luego formatearlo utilizando las técnicas de manipulación de cadenas. En este artículo, todos estos pasos se explican en detalle paso a paso.