JavaScript - Problema con el javascript de un formulario

   
Vista:

Problema con el javascript de un formulario

Publicado por Jordi Soria (1 intervención) el 21/11/2016 22:40:17
Hola buenos días, estoy liado con el JavaScript que valida un formulario antes de enviar, los campos que debo validar antes de enviar el formulario son nombre, email o teléfono y la consulta a realizar...
(Nota: el texto esta en catalán)
JavaScript: (uso jquery a nivel básico mientras voy aprendiendo)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script type="text/javascript">
 
function validarFormulari()
{
var consulta, nom, telf, email, tipusconsulta, motiu, resultat, expr, contacte;
	nom = $("#nom").val();
	telf = $("#telf").val();
	email = $("#email").val();
	motiu = $("#motiu").val();
	contacte = $("#consulta");
	expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
 
if (nom === "")
	{
	 	alert("No s'oblidi d'incloure el nom.");
	}
else if (email === "" && telf === "")
	{
		alert("No s'oblidi d'incloure el seu telefón o el seu correu electrónic per a poder contactar amb voste.");
	}
else if (email != "" || telf != "")
	{
		if (email != "")
			{
				if (!expr.test(email))
				{
    				alert("El format del seu correu electrónic es incorrecte, siusplau revisi el format, el format ha de ser com el següent: exemple@hotmail.com");
				}
			}
	else if (telf != "")
		{
		    	if (!/^([0-9])*$/.test(telf))
				{
					alert("Ha de introduïr el seu telefon amb numeros.");
				}
		}
	}
else if (motiu === "")
	{
		alert("No s'oblidi d'incloure la consulta que vol realitzar.");
	}
else
	{
		contacte.submit();
	}
}

y el HTML:
1
2
3
4
5
6
7
8
<form action="index.php" method="post" name="contacte" onSubmit="validarFormulari();return false;">
   Nom y Congnoms: <input type="text" name="nom" id="nom"><br />
   Forma de contacte: Teléfon: <input type="text" name="telf" id="telf" size="9"> o Correu electrónic: <input type="text" name="email" id="email">
   <br />
   Expliqui el motiu de la consulta: <br /><textarea  name="motiu" id="motiu" rows="10"></textarea>
  <input type="submit" id="consulta" name="consulta" value="Enviar la consulta">
  <input type="reset" id="borrar" name="borrar" value="Borrar la consulta">
</form>
Hasta aquí el código, lo que no se es porque no envía el formulario... en cuanto quito las comprobaciones de email o de teléfono me sale el alert de la consulta (motiu) y en cuanto escribo algo funciona el formulario y el php me recibe los datos bien... pero con el código tal cual escrito no me funciona... debe ser algún condicional del if o else mal puesto pero no lo veo... Muchas gracias por todo.
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

Problema con el javascript de un formulario

Publicado por Yamil Bracho (12 intervenciones) el 21/11/2016 23:24:34
Debes darle un id a los elementos del formulario en vez de usar name ya que JQuery $('#selector) funciona con el ide del elemento.

Si necesitas solo usar el name debes hacer algo como

$("form[name='contacte']").submit();
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 Alejandro

Problema con el javascript de un formulario

Publicado por Alejandro (67 intervenciones) el 21/11/2016 23:29:00
Hola Jordi, prueba con esto:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
function validarFormulari()
{
var consulta, nom, telf, email, tipusconsulta, motiu, resultat, expr, contacte;
nom = $("#nom").val();
telf = $("#telf").val();
email = $("#email").val();
motiu = $("#motiu").val();
contacte = $("#consulta");
expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
 
esValido = true;
 
// nombre
if (nom === "")  {
     alert("No s'oblidi d'incloure el nom.");
     esValido = false;
}
 
// email 
if (email === "" ) {
    alert("El seu correu electrónic per a poder contactar amb voste.");
    esValido = false;
 
} else if (!expr.test(email)) {
     alert("El format del seu correu electrónic es incorrecte, siusplau revisi el format, el format ha de ser com el següent:   exemple@hotmail.com");
esValido = false;
}
 
 
if ( tel === "") {
  alert("No s'oblidi d'incloure el seu telefón");
esValido = false;
} else if ()
else if (!/^([0-9])*$/.test(telf)) {
     alert("Ha de introduïr el seu telefon amb numeros.");
esValido = false;
}
 
if (motiu === "")
{
alert("No s'oblidi d'incloure la consulta que vol realitzar.");
esValido = false;
}
 
 
if (esValido) {
 
   // envio el formulario 
  contacte.submit();
}
 
} // fin de la funcion

Me parece que el formulario no podías enviarlo porque cuando pones
1
$("#consulta");
estas recuperando el formulario por su id y vos nunca lo definiste en la etiqueta form.
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