[SOLUCIONADO] Problemas con JQuery

[grovervas]

Estoy intentando validar un usuario y contraseña con PHP y JQuery pero no me realiza ninguna acción, alcanzo el codigo:

El javaScript es el siguiente:

Código:

<script src="libs/jquery-1.9.1.min.js"></script>

function validarUsuario(frm)
        {
            if(frm.txtMailLogin.value == "")
                {alert("Debe ingresar su correo electrónico.");frm.txtMailLogin.focus();return;}
            else
                {
                    var re  = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;			
                    if(!re.test(frm.txtMailLogin.value))
                    {
                        alert("La direccion de Email es incorrecta");frm.txtMailLogin.focus();return;
                    }
                }
            if(frm.txtClaveLogin.value == "")
                {alert("Debe ingresar su contraseña.");frm.txtClaveLogin.focus();return;}
            
            //frm.submit();
            
            $("#txtMsg").css("display", "inline");    
            $.ajax({
                type:"GET",
                url:"pags/valUsuario.php",
                data:"txtMail=" + frm.txtMailLogin.value + "txtClave=" + frm.txtClaveLogin.value,
                succes:function(msj){
                 if(msj == 'true')
                     {document.getElementById("txtMsg").innerHTML = msj;}
                 else
                     {document.getElementById("txtMsg").innerHTML = msj;}
                }
               });
             
        }

El HTML que utiliza la funcion

Código HTML:

<table align="center" width="400" border="0">
                                 <tr>
                                     <td valign="top" align="center">
                                         <br><img src="imagenes/logo.jpg">
                                         <hr></hr>
                                     </td>
                                     <td valign="top" align="left">
                                        <form id="ingreso" name="ingreso" method="POST" action="pags/valUsuario.php">
                                             <input type="hidden" name="direccion" value="http://<?php echo $_SERVER["HTTP_HOST"].$_SERVER["REQUEST_URI"];?>">
                                         <b>Ingreso</b><br><br>
                                        Correo<br>                                        
                                        <input type="text" name="txtMailLogin" size="25"><br>
                                        Contraseña<br>                                        
                                        <input type="password" name="txtClaveLogin" size="25"><br><br>                                        
                                        <a href="#"><img src="imagenes/ingresar.jpg" border="0" onclick="javascript:validarUsuario(document.ingreso)"></a>
                                        <span id="txtMsg" style="display:none;">Validando...</span><br><br>
                                         </form><br>
                                        <a href = "javascript:void(0)" onclick = "document.getElementById('VENTANA1').style.display='none';document.getElementById('fade').style.display='none'; document.getElementById('VENTANA2').style.display='block';document.getElementById('fade').style.display='block'">
                                            Olvidaste la contraseña.</a>
                                     </td>
                                 </tr>
                                 <tr>
                                     <td valign="top" align="right" colspan="2">
                                         <a href = "javascript:void(0)" onclick = "document.getElementById('VENTANA1').style.display='none';document.getElementById('fade').style.display='none'">
                                             <img src="imagenes/cerrar.png" border="0">
                                         </a>
                                     </td>
                                 </tr>
                             </table> 

Despues de todo lo indicado no funciona, tampoco da error, o me falta algo.

[miguec04]

Yo te vi y probe solo un error, quitale la palabra javascript: al onclick de la imagen donde ejecutas el método y listo, esa palabra solo es para cuando se hace desde el href de la etiqueta <a

Código HTML:

<table align="center" width="400" border="0">
                                 <tr>
                                     <td valign="top" align="center">
                                         <br><img src="imagenes/logo.jpg">
                                         <hr></hr>
                                     </td>
                                     <td valign="top" align="left">
                                        <form id="ingreso" name="ingreso" method="POST" action="pags/valUsuario.php">
                                             <input type="hidden" name="direccion" value="http://<?php echo $_SERVER["HTTP_HOST"].$_SERVER["REQUEST_URI"];?>">
                                         <b>Ingreso</b><br><br>
                                        Correo<br>                                        
                                        <input type="text" name="txtMailLogin" size="25"><br>
                                        Contraseña<br>                                        
                                        <input type="password" name="txtClaveLogin" size="25"><br><br>                                        
                                        <a href="#"><img src="imagenes/ingresar.jpg" border="0" onclick="validarUsuario(document.ingreso)"></a>
                                        <span id="txtMsg" style="display:none;">Validando...</span><br><br>
                                         </form><br>
                                        <a href = "javascript:void(0)" onclick = "document.getElementById('VENTANA1').style.display='none';document.getElementById('fade').style.display='none'; document.getElementById('VENTANA2').style.display='block';document.getElementById('fade').style.display='block'">
                                            Olvidaste la contraseña.</a>
                                     </td>
                                 </tr>
                                 <tr>
                                     <td valign="top" align="right" colspan="2">
                                         <a href = "javascript:void(0)" onclick = "document.getElementById('VENTANA1').style.display='none';document.getElementById('fade').style.display='none'">
                                             <img src="imagenes/cerrar.png" border="0">
                                         </a>
                                     </td>
                                 </tr>
                             </table>
 

[grovervas]

He realizado lo que me dices pero no me funciona la validacion solo se queda en el mensaje de validando....., algo me falta a mi java script.

[miguec04]

Claro ejecutar tu formulario para enviar tus datos yo normalmente lo hago con esto

document.forms[0].sumit();

[grovervas]

Si coloco el código que me indicas, lo que hace es refrescar toda la pagina y no funciona el ajax. y lo probe poniendo dentro de la funcion:

frm.submit();

[miguec04]

SIP, discúlpame, prueba con este javascript yo probé y me funciona. ajustalo yo lo modifique un poco

Código Javascript:

function validarUsuario(frm) {
    var errores         = false;
 
    if(frm.txtMailLogin.value == "") {
        alert("Debe ingresar su correo electrónico.");
        frm.txtMailLogin.focus();
        return;
    } else {
        var re  = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;         
        if(!re.test(frm.txtMailLogin.value)) {
            alert("La direccion de Email es incorrecta");
            frm.txtMailLogin.focus();
            return;
        }
    }
    if(frm.txtClaveLogin.value == "") {
        alert("Debe ingresar su contraseña.");
        frm.txtClaveLogin.focus();
        return;
    }
    
    $("#txtMsg").css("display", "inline");
    if(!errores) {
        $.post('valUsuario.php',{txtMail:frm.txtMailLogin.value, txtClave: frm.txtClaveLogin.value},function(msj) {
                alert(msj);
                
                if(msj == 'true') {
                    document.getElementById("txtMsg").innerHTML = msj;
                } else {
                    document.getElementById("txtMsg").innerHTML = msj;
                }
        });
    }             
}
 

[grovervas]

Gracias Miguel te pasaste, ahora si me funciona con ese cambio.

Muchas gracias.