Validar formulario con expresiones regulares javascript

11

Validación del número de teléfono en javascript

Puede utilizar expresiones regulares para hacer coincidir y validar el texto que los usuarios introducen en las etiquetas cfinput y cftextinput. Los caracteres ordinarios se combinan con caracteres especiales para definir el patrón de coincidencia. La validación sólo tiene éxito si la entrada del usuario coincide con el patrón.

Las expresiones regulares le permiten comprobar el texto de entrada para una amplia variedad de condiciones personalizadas para las que la entrada debe seguir un patrón específico. Puede concatenar expresiones regulares simples en criterios de búsqueda complejos para validar contra patrones complejos, como cualquiera de varias palabras con diferentes terminaciones.

Puede utilizar variables y funciones de ColdFusion en las expresiones regulares. El servidor ColdFusion evalúa las variables y funciones antes de evaluar la expresión regular. Por ejemplo, puede validar contra un valor que genere dinámicamente a partir de otros datos de entrada o valores de la base de datos.

Dado que los caracteres especiales son los operadores de las expresiones regulares, para representar un carácter especial como uno ordinario, escápelo precediéndolo de una barra invertida. Por ejemplo, utilice dos caracteres de barra invertida (\) para representar un carácter de barra invertida.

Validar el nombre en javascript

La validación del lado del cliente también es útil para crear una mejor experiencia de usuario, ya que es más rápida porque la validación se produce dentro del navegador web del usuario, mientras que la validación del lado del servidor se produce en el servidor, lo que requiere que la entrada del usuario se envíe primero al servidor antes de que se produzca la validación, también el usuario tiene que esperar la respuesta del servidor para saber qué es exactamente lo que ha ido mal.

El proceso de validación de formularios suele constar de dos partes: la validación de los campos obligatorios, que se realiza para asegurarse de que todos los campos obligatorios están rellenados, y la validación del formato de los datos, que se realiza para garantizar que el tipo y el formato de los datos introducidos en el formulario son válidos.

Se puede acceder al valor de un campo individual del formulario y recuperarlo utilizando la sintaxis document.formName.fieldName.value o document.getElementsByName(name).value. Pero, para obtener los valores de un campo de formulario que admite múltiples selecciones, como un grupo de casillas de verificación, es necesario utilizar la sentencia de bucle como se muestra en el ejemplo anterior (líneas nº 14 a 21).

Validación de formularios javascript

En primer lugar, vamos a empezar por la construcción de la página web y el código de validación entonces vamos a hablar de las expresiones regulares utilizadas para validar las cadenas. Primero vaya a su archivo html y pegue el siguiente código :

Luego creé una variable que contiene el resultado de ejecutar la función test() en la cadena phoneNumber que será un booleano que contendrá true si la cadena coincide con nuestra expresión regular o false si no lo hace.

En primer lugar, tenemos las barras inclinadas iniciales y finales «/», la expresión comienza con un signo «^» para que coincida con el principio de la cadena. Fíjese en el [-\s\.] esta parte coincide con un guión(-) espacio o un punto (.).[0-9]{3} significa 3 dígitos. Así que básicamente la expresión intenta coincidir con un número de teléfono como este (541) 754-3010 o como este 541-754-3010 o con espacios

Ejemplos de códigos postales del Reino Unido : EC1A 1BB W1A 0AX M1 1AE B33 8TH CR2 6XH DN55 1PT Así, 1 o 2 caracteres alfabéticos, seguidos de 1 o 2 dígitos, luego un espacio y un dígito y exactamente dos caracteres alfabéticos. Así que aquí está el patrón de expresión regular:

Validación de correo electrónico en javascript

Los patrones simples se construyen con caracteres para los que se desea encontrar una coincidencia directa. Por ejemplo, el patrón /abc/ coincide con combinaciones de caracteres en cadenas sólo cuando se produce la secuencia exacta «abc» (todos los caracteres juntos y en ese orden).

Las aserciones incluyen los límites, que indican el comienzo y el final de las líneas y las palabras, y otros patrones que indican de alguna manera que es posible una coincidencia (incluyendo las expresiones de búsqueda por adelantado, por detrás y condicionales).

Si utiliza el constructor RegExp con un literal de cadena, recuerde que la barra invertida es un escape en los literales de cadena, por lo que para utilizarla en la expresión regular, debe escaparla en el nivel del literal de cadena.

Si utiliza exec() o match() y si la coincidencia tiene éxito, estos métodos devuelven un array y actualizan las propiedades del objeto de expresión regular asociado y también del objeto de expresión regular predefinido, RegExp.

La bandera «u» se utiliza para crear expresiones regulares «unicode»; es decir, expresiones regulares que admiten la comparación con texto unicode. Esto se consigue principalmente mediante el uso de escapes de propiedades Unicode, que sólo se admiten en las expresiones regulares «unicode».




error: Content is protected !!