Tengo un formulario, todo funciona bien, la validación funciona, pero me di cuenta que mientras más largo es el nombre que valida, más tarda el navegador en responder. Llega un punto en el que tarda tanto que me da un error, osea, si ingreso "An dri son Sá" tarda un segundo en validarlo, mientras más cosas pongo, más tarda en validar, si pongo "Andrison Sánchez De La Cruz1" tarda mucho y luego me da el siguiente error
Este es el código que uso:
<form action="">
<div class="mensaje">
<h3>Introduzca un correo válido</h3>
</div>
<input class='validar' type="text" name="nombre" id="nombre" required minlength="2" placeholder="Nombre">
<input class='validar' type="email" name="email" id="email" required placeholder="Correo">
<textarea class='validar' name="mensaje" id="mensaje" rows="5" minlength="20" maxlength="350" placeholder='Mensaje' required></textarea>
<input type="submit" value="Enviar" >
</form>
JS:
const exp_nombre=/^[a-zA-ZÀ-ÿ _\u00f1\u00d1]+(\s*[a-zA-ZÀ-ÿ _\u00f1\u00d1]*)*[a-zA-ZÀ-ÿ _\u00f1\u00d1]+$/;
function validar(e){
e.preventDefault();
if(!exp_nombre.test($inputs[0].value)){
$error.textContent="Ingrese un nombre válido";
$cont_ms.style.display='block';
$inputs[0].classList.add("error");
}
}
\s*
y luego dentro de la siguiente expresión hay espacios, todo el grupo con *?