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.