in

Validación de formulario JavaScript – javatpoint

Es importante validar el formulario enviado por el usuario porque puede tener valores inapropiados. Por lo tanto, la validación es necesaria para autenticar al usuario.

JavaScript proporciona la posibilidad de validar el formulario en el lado del cliente, por lo que el procesamiento de datos será más rápido que la validación del lado del servidor. La mayoría de los desarrolladores web prefieren la validación de formularios JavaScript.

A través de JavaScript, podemos validar nombre, contraseña, correo electrónico, fecha, números de teléfono móvil y más campos.


Ejemplo de validación de formulario JavaScript

En este ejemplo, vamos a validar el nombre y la contraseña. El nombre no puede estar vacío y la contraseña no puede tener menos de 6 caracteres.

Aquí, estamos validando el formulario al enviar el formulario. El usuario no será reenviado a la página siguiente hasta que los valores dados sean correctos.

Nombre:
Contraseña:

Pruébelo ahora


Validación de contraseña para reescribir JavaScript

Contraseña:
Re -entrar contraseña:

Pruébelo ahora


Validación de números de JavaScript

Validemos el campo de texto solo para valor numérico. Aquí, estamos usando la función isNaN ().

Número:

Pruébelo ahora


Validación de JavaScript con imagen

Veamos un ejemplo de validación de formulario JavaScript interactivo que muestra una imagen correcta e incorrecta si la entrada es correcta o incorrecta.

Ingrese el nombre:
Ingrese la contraseña:

Pruébelo ahora

Producción:


Validación de correo electrónico JavaScript

Podemos validar el correo electrónico con la ayuda de JavaScript.

Hay muchos criterios que deben seguirse para validar la identificación del correo electrónico, como:

  • El ID de correo electrónico debe contener @ y. personaje
  • Debe haber al menos un carácter antes y después de @.
  • Debe haber al menos dos caracteres después. (punto).

Veamos un ejemplo sencillo para validar el campo de correo electrónico.

Correo electrónico:

Pruébelo ahora

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Etiqueta de estilo HTML

numpy.append