Estoy realizando una aplicación web y tengo un problema con el evento .blur() de jQuery el cuál no se está realizando:
<!-- 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>
$(document).ready(function() { $("#email").on('blur', function() { alert("Evento blur"); }); });
El formulario no se encuentra en el index.php, sino 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.
Respuestas
¿Has probado si con la notación alternativa del método blur() también se produce el error?
$(document).ready(function() { $("#email").blur(function() { alert("Evento blur"); }); });
@javiereguiluz
Pues al final, algo tan tonto como cambiar el id que tenía como valor #email y ponerle #email_registro; no se si creaba conflicto con el name o el type...
@ucip3