JavaScript - Duda con una validación y submit

   
Vista:

Duda con una validación y submit

Publicado por Juan Antonio (2 intervenciones) el 13/10/2013 20:12:27
Hola,

estoy haciendo una prueba muy sencilla de validación en un formulario. La idea es que si rellenas bien el campo de texto te redirige a otra página, si dejas el campo vacío no te deja avanzar. El código es el siguiente:

JavaScript:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
 
	function validacion() {
 
		var isbn = document.getElementById("isbn");
		var miformulario = document.getElementById("miformulario");
		if (isbn.value == "") {
			alert("datos no validos");
			return false;
		} else {
			return false;
			//miformulario.submit();
		}
	}
</script>

Y el form estaría así:

1
<form id="miformulario"  action="insertarLibro.jsp" onsubmit="return validacion();" >

El caso es que si relleno la casilla el formulario cambia, no obstante no debería hacerlo ya que el onsubmit siempre recibe false. Alguna idea alguien?
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

Duda con una validación y submit

Publicado por xve (1595 intervenciones) el 14/10/2013 07:21:28
Hola Juan, he probado tu código y realmente nunca envia el formulario... No se como tienes el input del isbn, pero prueba este ejemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
<head>
    <title>Validar un apellido</title>
    <script type="text/javascript">
        function validacion()
        {
            var isbn = document.getElementById("isbn");
            if (isbn.value == "") {
                alert("datos no validos");
                return false;
            } else {
                return false;
            }
        }
    </script>
</head>
<body>
    <form id="miformulario"  action="insertarLibro.jsp" onsubmit="return validacion();" >
        <input type="text" name="isbn" id="isbn">
        <input type="submit">
    </form>
</body>
</html>

Coméntanos, ok?
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