JavaScript es uno de los lenguajes más populares en , Desarrollo de front-end y back-end. Se utiliza para crear sitios web bellamente diseñados. En JavaScript, la validación se usa para autenticar a un usuario. En esto Validación de JavaScript artículo, aprenderá sobre la validación de formularios en la siguiente secuencia:
- ¿Qué es JavaScript?
- Funciones en JavaScript
- ¿Qué es la validación?
- Validación de formulario JavaScript
- Validación de correo electrónico de JavaScript
¿Qué es JavaScript?
es un alto nivel, interpretado lenguaje de programación utilizado para hacer que las páginas web sean más interactivas. Es un muy poderoso lado del cliente lenguaje de secuencias de comandos quehace que su página web sea más animada e interactiva.
Es un lenguaje de programación que le ayuda a implementar un complejo y hermoso diseño en páginas web . Si desea que su página web se vea viva y haga mucho más que quedarse boquiabierto, JavaScript es imprescindible.
Características de JavaScript:
Es un lenguaje de secuencias de comandos y no tiene nada que ver con . Inicialmente, fue nombrado Moca , luego cambió a LiveScript y finalmente fue nombrado como JavaScript .
JavaScript es un basado en objetos lenguaje de programación que admite polimorfismo, encapsulación y herencia también.
Puede ejecutar JavaScript no solo en el navegador pero también en el servidor y cualquier dispositivo que tenga un motor JavaScript.
Funciones de JavaScript
El fundamental bloques de construcción en JavaScript se llaman como Funciones . Básicamente es un conjunto de declaraciones que realiza una tarea o calcula un valor. Para usar una función, debe definirse en algún lugar del ámbito desde el que desea llamarla.
que es una instancia java
Una definición de función consta de la palabra clave de función, seguida de:
los nombre de la función.
Una lista de parámetros a la función, encerrada entre paréntesis y separada por comas.
El JavaScript declaraciones que definen la función, entre llaves, {}.
Tomemos un ejemplo y veamos cómo definir una función llamada añadir :
función add (a, b) {return a + b}Ahora, para validar a un usuario, se utiliza una función de validación. Así que sigamos adelante y aprendamos más sobre la validación de JavaScript.
¿Qué es la validación?
La validación es un método para autenticar el usuario. JavaScript proporciona la posibilidad de validar el formulario en el lado del cliente para que el procesamiento de datos sea más rápido que la validación del lado del servidor. Es preferido por la mayoría de los desarrolladores web. 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.
Lado del cliente La validación evita que el cliente sepa si el formulario está bien antes de volver a cargar una página. Mientras, Lado del servidor la validación es importante debido al hecho de que la validación del lado del cliente se puede omitir por completo desactivando JavaScript.
Ahora avancemos con nuestro artículo de validación de JavaScript y echemos un vistazo al ejemplo de validación de formulario.
Validación de JavaScript: ejemplo
El siguiente ejemplo es un código en HTML, CSS y JavaScript para validar un formulario donde:
- HTML se usa para crear la forma.
- JavaScript se usa para validar la forma.
FormValidation.html
validación de formulario / ** /Contraseña:
Esto dará el siguiente resultado:
Ahora, necesita crear otro archivo que redireccionar la página a una nueva después de hacer clic enviar botón.
Text.html
Validación de formulario / ** /
Redirigirá a otra página y dará lo siguiente salida :
Ahora, necesitamos agregar un Función en nuestro JavaScipt para vincular el ID de entrada. Aparecerá un alerta mensaje si alguno de los campos se deja en blanco.
function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('El nombre no puede estar en blanco' ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Esto mostrará lo siguiente alerta cuando el Campo de nombre se deja en blanco:
A continuación, si ingresa el nombre y deja el Campo de contraseña en blanco, aparecerá lo siguiente alerta :
Una vez que haya agregado el nombre y la contraseña en el formato correcto, esta página será redirigida a la página Text.html para salida final.
El código completo para Validación de formulario es como sigue:
formulario de validación función validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('El nombre no puede ser en blanco ') return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Contraseña: Este fue un ejemplo de validación de formularios en JavaScript. También podemos validar la identificación del correo electrónico, la contraseña, el número de móvil. y muchos más.
Entonces, tomemos otro ejemplo y veamos cómo validar identificación de correo usando JavaScript.
Validación de correo electrónico de JavaScript
Email.html
function ValidateEmail (inputText) {var mailformat = /^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('¡Ha ingresado una dirección de correo electrónico no válida!') document.form1.text1.focus () return false}}Salida
Con esto, llegamos al final de nuestro artículo de validación de JavaScript. Espero que este blog le haya resultado informativo y haya adquirido un conocimiento básico de la validación de JavaScript.
Además, no olvide consultar el por Edureka . Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios de 'Validación de JavaScript' y nos comunicaremos con usted.