Comunidad de diseño web y desarrollo en internet online

Detectar respuesta en campo

Citar            
MensajeEscrito el 28 Ene 2012 04:01 pm
Estoy haciendo un pequeño examen en js/jquery y tengo algun problema para detectar los campos que el usuario escribe correctos. El codigo es el siguiente:

Código HTML :

<html>
<head>
<link rel="stylesheet" type="text/css" href="estilos.css" media="screen" />
<script src="../jquery-1.7.1.min.js" type="text/javascript"></script>
<script src='funciones.js'></script>
</head>
<body>
<div id="wrap">
   <div id="p1">
        <form id="preg">
           pregunta1
            <input type="text" id="q1" size=20 value=""/> 
        </form>
   </div>
    <br>
    <div id="salida"><input type="number" id="q1" size=20 value="" </div>
    <div id="resul"><input type="button" value="resultado" id="resul" /></div>
</div>
</body>
</html>

el css es:

Código :

#p1 { display:inline;}
form#preg { display:inline;}
#salida { display:none;}

y el js es:

Código :

$(document).ready(function () {
   $("#resul").click(function(){
      if ($("#q1").val() == "america" ){
         $("#salida").css("display", "block");
      }
   });                        
});

Pensaba que val() recogería el valor que hubiera en el campo cuando el usuario escribiera "america" y mostraría la div oculta. He visto que esto se puede hacer con valores numericos pero con texto es posible que falle (es una suposicion). Alguien sabe como podria solucionarlo.
Gracias por adelantado

Por celentano

Claber

123 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 29 Ene 2012 03:23 am
lo de ...val() == "america"... solo lo comprobará cuando el usuario presione en el input con id resul (no uses dos elementos con la misma id)
Para que compruebe cuando presione un boton has:

Código Javascript :

$(document).ready(function () {
// si no funciona remplaza keyup por keyUp
   $("#q1").keyup(function(){
      if ($("#q1").val() == "america" ){
         $("#salida").css("display", "block");
      }
   });                        
});

Por Night~

43 de clabLevel



Genero:Masculino  

Geek, Gamer, Otaku

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.