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

emprear · #4 (**permalink**) 09/11/2012, 11:17

Cita:

Iniciado por enriquekensuke

La funcion que descargue y quiero hacer funcionar es esta por favor descargala y pruebala, para que me degas como incluirla en mi pagina:

[URL="http://www.mediafire.com/?lvpk2ahgnlpd6o8"]Link![/URL]

El txthacer es solamente una caja de texto q sirve para saber si entro o no, si no pasa la valadicion esa caja de texto se llena con un 2 y ahi es donde se cumple la condicion del JS.

Gracias x ayudarme!

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