JQuery - No consigo que funcione jquery

 
Vista:

No consigo que funcione jquery

Publicado por Pedro (2 intervenciones) el 26/02/2018 23:33:25
Buenas noches,

Estoy haciendo un formulario en wordpress y me gustaría que al pulsar el botón "enviar" se comprobara con jquery que el nombre no está vacío, que el email es un email, etc.

He estado mirando por internet, tengo en el head esto:
1
2
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js">

El formulario es:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form id="formulacontacto" action="javascript:validarFormulario()" method="post" name="formulariocontacto">
<table style="height: 306px;" width="646">
<tbody>
<tr>
<td style="width: 191px;"><label for="first_name">Nombre: *</label></td>
<td style="width: 390px;"><input id="nombre" maxlength="50" name="nombre" size="25" type="text"  /></td>
</tr>
<tr>
<td style="width: 191px;" valign="top"><label for="last_name">Apellidos: *</label></td>
<td style="width: 390px;"><input maxlength="50" name="apellidos" size="25" type="text"/></td>
</tr>
<tr>
<td style="width: 191px;"><label for="email">Dirección de E-mail: *</label></td>
<td style="width: 390px;"><input maxlength="80" name="email" size="35" type="text" /></td>
<input type="submit" value="Enviar" />
</form>

¿Como consigo capturar el evento de que al pulsar el botón enviar haga esa comprobación?
Muchas gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 302
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

No consigo que funcione jquery

Publicado por xve (673 intervenciones) el 27/02/2018 08:35:49
Hola Pedro, en el form puedes utilizar el evento onsubmit() para ejecutar una funcion que realice la validacion... algo así:

1
<form id="formulacontacto" action="" method="post" name="formulariocontacto" onsubmit="return validarFormulario()">

Desde la funcion validarFormulario, podras realizar las validaciones correspondientes... si desde dicha funcion devuelves un false, no se enviara el formulario...

1
2
3
4
function validarFormulario() {
    .....
    return false; // no enviara el formulario
}

Es esto lo que necesitas?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

No consigo que funcione jquery

Publicado por Pedro (2 intervenciones) el 27/02/2018 18:22:50
Muchas gracias por tu ayuda. Lo he probado como me has dicho pero me recarga la página. De hecho, he cogido en la función validarformulario he puesto un alert("hola") para ver si entra ahí pero no me muestra ese alert.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de santi
Val: 162
Plata
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

No consigo que funcione jquery

Publicado por santi (55 intervenciones) el 07/03/2018 02:31:24
No utilices jquery.validate y hazlo directamente desde jquery:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script>
$(document).ready(functio(){
    //si se envía el form
    $('form').submit(function(){
        if($('input[type="text"]).val() == '')//si algun campo está vacío...
        {
            alert('rellena todos los campos');
            return false;
        }else{
            return true;
        }
    });
});
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar