Y funciona bien ,es decir si el campo lo dejo vacio me sale el mensaje de que al campo se le debe introducir un nombre.
Pero dicho mensaje me sale apenas durante un segundo y enseguida desaparece y no se que hacerle para que se mantenga el mensaje de error en pantalla de forma permanente hasta que introduzca un dato en el campo input del formulario.
Miren este es el codigo:
archivo 1:
Código HTML:
Ver original
<form name="formularioRegistrarse" id="formularioRegistrarse" method="post" action="opcs/opc_registro/validar_formulario_registrarse.php" onsubmit="return lanzadora();"> <input type="text" name="nombre" class="inputstyle" id="Nombre" placeholder="Nombre" size="30" maxlength="30" autocomplete="off" value="" /> </form>
archivo 2 .js
Código Javascript:
Ver original
var miClaseValidar = { /*NOMBRE DE PILA(input)*/ validar_nombre: function() { var nombre = document.getElementById("Nombre").value; if (nombre == null || nombre.length == 0 || /^\s+$/.test(nombre)) { var mensaje_error_nombre = "Ponga su nombre de pila, gracias."; document.querySelector(".falta_nombre").innerHTML = mensaje_error_nombre; //anular el envio del formulario al no ser correcto el dato document.getElementById("formularioRegistrarse").onsubmit = function () { return false; }; //ponemos el foco en el campo en el que hay que meter un dato correcto document.getElementById('Nombre').focus(); } } } function lanzadora () { miClaseValidar.validar_nombre(); }
gracias de antemano.