JQuery - even.prevenDefaul no me detiene el evento

   
Vista:

even.prevenDefaul no me detiene el evento

Publicado por Raul Andrade (2 intervenciones) el 08/04/2016 02:41:06
Hola que tal disculpen Intento realizar una consultapor medio de ajax pero el evento submit no logro detenerlo por medio de event.preventDefault()
aqui les dejo mi codigo
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
53
54
55
56
57
58
59
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
 
 
</head>
<body>
 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 
	<div id="div">
	<form action="insert.php" name="formulario" method="post">
		<input type="text" name="insertar">
		<input type="submit" id="submit" value="Agrega">
		<label id="val"></label>
	</form>
	</div>
 
	<script >
		$(document).on('ready',function (){
			console.log('hola')
			var val=$('form').attr('action');
			var met=$('form').attr('method');
			var ins=document.formulario.insertar.value;
 
		$('#submit').on('submit',function( event ){
			event.preventDefault();
				$.ajax({
				beforeSend: function(){
					$('#val').text('Cargando ;)');
				},
				url: val,
				type: met,
				data: {valor:ins},
				success : function(resp){
					$('#val').text('Agregado')
					console.log(resp)
				},
				error: function(jqXHR,state,error){
					console.log(estado)
					console.log(estado)
				},
				complete: function(jqXHR,estado){
					console.log(estado)
				}
 
 
			});
 
		})
	})
 
	</script>
 
</body>
</html>
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 Jordi

even.prevenDefaul no me detiene el evento

Publicado por Jordi (12 intervenciones) el 08/04/2016 06:59:10
Hola Raúl,

Prueba utilizando stopPropagation también.

1
2
3
4
5
6
7
...
$('#submit').on('submit',function( event ){
        event.preventDefault();
        event.stopPropagation();
        ...
}
...
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

even.prevenDefaul no me detiene el evento

Publicado por Raul Andrade (2 intervenciones) el 08/04/2016 08:36:15
hola Gracias Jordi no intente tu código pero ya pude solucionarlo solo tenia que indicar con mas precisión la posición de mi form solo agrege la clase del div donde lo tenia encapsulado y despues la etiqueta <form> o el id

$('#div #submit').on('submit',function( event ){
event.preventDefault();
...
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