Breaking

Post Top Ad

Your Ad Spot

lunes, 18 de marzo de 2019

Cómo validar el nombre y apellido con expresiones regulares usando JavaScript

Antes de enviar la entrada del usuario al lado del servidor, siempre es un buen método para validarla en el script del lado del cliente. La entrada Nombre es un campo comúnmente utilizado para el formulario HTML de la aplicación web. Cuando desee la entrada del nombre completo del usuario, el valor de entrada debe verificarse si el usuario proporciona un nombre válido (nombre y apellido). Usando JavaScript, la validación del nombre completo se puede implementar fácilmente en el formulario para verificar si el usuario proporciona su nombre y apellido.
El REGEX (Expresión regular) es la forma más fácil de validar el formato de Nombre completo (nombre + apellido) en JavaScript. En el siguiente fragmento de código, le mostraremos cómo validar el nombre y apellido con Expresión regular usando JavaScript.
  • prueba () : esta función se utiliza para realizar una coincidencia de expresión regular en JavaScript.
var regName = / ^ [a-zA-Z] + [a-zA-Z] + $ / ;
var nombre = documento .getElementById ( 'nameInput' ) .value;
if (! regName.test (nombre)) {
    alerta ( 'Nombre inválido dado.' );
} else {
    alerta ( 'nombre válido dado.' );
}
El siguiente fragmento de código muestra cómo puede validar el campo de entrada para el nombre completo en formato HTML utilizando JavaScript.
< p > Nombre completo: < input  id = "name"  value = "" > </ p > 
< input  type = "button"  onclick = "validate ();"  value = "Validar nombre" >
< script > 
función  validar () {
     var regName = / ^ [a-zA-Z] + [a-zA-Z] + $ / ;
    var nombre = documento .getElementById ( 'nombre' ) .valor;
    if (! regName.test (nombre)) {
        alerta ( 'Por favor ingrese su nombre completo (nombre y apellido).' );
        document .getElementById ( 'name' ) .focus ();
        volver  falsa ;
    } else {
        alerta ( 'nombre válido dado.' );
        volver  verdadera ;
    }
}
</ script >

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas