1

Comenze a usar bootstrap y me di cuenta de que se utiliza JQuery,y empeze a programar un poco con esta librería el tema en cuestión esque no funciona una validación que reilase.

<form  method="post" id="ingresar" >
             <input name="nombre" type="text"  id="nombre" placeholder="Nombre" />
             <div id="mnom" class="errores"  >El nombre no es valido</div>
             <button type="submit" name="insertar" id="btn-insert">Insertar</button>
</form>

Este es el formulario que deseo validar por el momento quiero validar que solo se ingresen letras y que no este vacio

 <script>
    var numeros = /^[0-9]+$/;
    $(document).ready(function(e) {

    $("#btn-insert").click(function(e) {
        var nombre= $("#nombre").val();

        if(nombre == "" || numeros.test(nombre)){
            $("#mnom").fadeIn();
            return false;
        }else{
            $("#mnom").fadeOut();
            }
    });
});

La validación no funciona el formulario me envía lo datos igual y no me muestra el div con id= mnom

1 respuesta 1

1

La validación de hace en el onsubmit del formulario, de modo que si devuelve false no se envía.

<form  method="post" id="ingresar" onsubmit="return Comprobar();">
   <input name="nombre" type="text"  id="nombre" placeholder="Nombre" />
   <div id="mnom" class="errores"  >El nombre no es valido</div>
   <button type="submit" name="insertar" id="btn-insert">Insertar</button>
</form>

<script>
function Comprobar (){
   var numeros = /^[0-9]+$/;
   var nombre= $("#nombre").val();

   if(nombre == "" || numeros.test(nombre)){
      $("#mnom").fadeIn();
      return false;
   } else {
      $("#mnom").fadeOut();
   }
   return true;
}
</script>
2
  • Muchas gracias esa fue la solución!!
    – Jhn-pl
    el 30 jul. 2018 a las 12:53
  • No hay de que :), en ese caso márcala como contestada para que no quede sin responder.
    – Carmen
    el 30 jul. 2018 a las 12:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.