JQuery - No funciona evento .blur() jQuery

 
Vista:
Imágen de perfil de Isaac

No funciona evento .blur() jQuery

Publicado por Isaac (1 intervención) el 11/05/2015 20:39:08
Estoy realizando una aplicación web y tengo un problema con el evento .blur() de jQuery el cuál no se está realizando.

1
2
3
4
5
6
7
<!-- código HTML del formulario -->
<div class="form-group">
   <label for="email" class="control-label pull-left">E-mail *</label>
   <div class="col-xs-12 col-sm-5">
      <input id="email" class="form-control" type="email" required/>
   </div>
</div>

1
2
3
4
5
6
// Archivo JS
$(document).ready(function() {
   $("#email").on('blur', function(){
      alert("Evento blur");
   });
});

El formulario no se encuentra en el index.php, si no en otra página donde está el formulario de registro del usuario, pero el archivo.js se carga en todas las paginas ya que la cabecera la tengo creada en un archivo aparte al cuál lo llamo haciendo un require_once('cabecera.php'); en todas las páginas.

Bueno, pues sencillamente no realiza el evento, no muestra ni el alert(); ya que mi intención es llamar a una función que compruebe si el email se encuentra en la base de datos mediante AJAX para que no lo introduzca si ya está siendo usado por otro usuario.

¿Alguna idea de por qué se comporta así y no lo hace? ¿O de si yo estoy haciendo algo mal? Alguna llamada de archivo, etc...

Gracias de antemano.
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 funciona evento .blur() jQuery

Publicado por xve (673 intervenciones) el 12/05/2015 07:52:12
Hola Isaac, yo he cogido tu código y lo he puesto en una simple pagina html y me ha funcionado perfectamente...

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js" type="text/javascript"></script>
 
	<script>
	// Archivo JS
	$(document).ready(function() {
		$("#email").on('blur', function(){
			alert("Evento blur");
		});
	});
	</script>
</head>
 
<body>
 
<div class="form-group">
   <label for="email" class="control-label pull-left">E-mail *</label>
   <div class="col-xs-12 col-sm-5">
      <input id="email" class="form-control" type="email" required/>
   </div>
</div>
 
</body>
</html>


Revisa la consola del navegador que no tengas ningún error, ya que si hay algún otro error de javascript se detiene todo el funcionamiento.

Revisa también que cargue correctamente los archivos de js.
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