Foros del Web - Ver Mensaje Individual - Evento en JavaScript validacion de usuario y contraseña

enriquekensuke · #5 (**permalink**) 13/11/2012, 21:18

Cita:

Iniciado por emprear

Si es cosa de mostrar un mensaje, evitate ese plugin. ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
/*<![CDATA[*/
#mensaje{
width: 100%;
padding: 10px 0;
position: absolute;
top: 0;
left: 0;
background: #000;
color:#FFF;
text-align: center;
}
/*]]>*/
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<div id="mensaje"><!-- mensaje --></div>
<div class="content">
<input type="password" name="pass" id="pass" value="" />
<button onclick="validar();">Validar</button>
</div>
<script  type="text/javascript">
$("#mensaje").hide();
function validar(){
var password = document.getElementById('pass').value;
    if(password == '2'){
    $(".content").hide(); // si comentas esta linea el input se ve igual aunque la clave este bien
    $("#mensaje").html('ingreso correcto'); 
    $("#mensaje").fadeIn(2000);
    $("#mensaje").fadeOut(3000);
    }else{
    $("#mensaje").html('clave incorrecta'); 
    $("#mensaje").fadeIn(2000);
    $("#mensaje").fadeOut(3000);
    }
}
</script>   
</body>
</html>

SAludos

Gracias mi pana, y como hago para adaptar ese codigo que NO se ejecute con el Onclick si no con la condicion de que txthacer==2 porq ya lo probe pero igual no me ejecuta el mensaje? :S
Gracias amigo!