Zaloguj | Zarejestruj | FAQ
Anonymous

dudas con html, js, php, css

+ Odpowiedz

Posty: 2 Strona 1 z 1


dudas con html, js, php, css

przez BugsBunny » N mar 24, 2013 3:55 am

primero le muestro mi codigo html:
Kod: Zaznacz cały
<div class="tabla">
   <div class="fila">
   <p class="celda">clave:</p>
   <p class="celda"><input id="claveA" type="text" name="claveA" maxlength="10" size=15 />
   <br/><span id="errcve"></span></p>
   <div id="cveoculta"></div>
   </div>
   <div class="fila">
   <p class="celda">Nombre:</p>
   <p class="celda"><input id="nombreA" type="text" name="nombreA" maxlength="60" size=50 />
   <br/><span id="errnom">Ingrese el nombre</span></p>   
   </div>
</div>


Este es mi codigo css:
Kod: Zaznacz cały
#errcve,{
   display:none;
   background-color: #BC1010;
   color: #FFFFFF;
   font-size:.850em;
}

#cveoculta{display:none;}



Y este mi js con jquery:
Kod: Zaznacz cały
/*    ******* LIMPIA ********** */
$("#claveA").keyup(function(){
      if( $("#claveA").val() != "" ){
         $("#errcve").css("display","none");   
         return false;
      }      
   });
   $("#nombreA").keyup(function(){
      if( $("#nombreA").val() != "" ){
         $("#errnom").css("display","none");   
         return false;
      }      
   });

/*    ******VALIDACIONES******** */
$("#claveA").blur(function(){
      if( $("#claveA").val() == "" ){
         $("#claveA").focus();
         $("#errcve").html("Ingrese la clave");
         $("#errcve").css("display","inline-block");
         return false;
      }else{
         $("#cveoculta").load("checacvecte.php", {clave: $("#claveA").val()}, function(){
            var revisa=document.getElementById("cveoculta").innerHTML;
            if (revisa=="existe"){
               $("#claveA").focus();
               $("#errcve").html("Esa clave ya existe");
               $("#errcve").css("display","inline-block");
               return false;
            }
         });
      }
   });
   $("#nombreA").blur(function(){
      if( $("#nombreA").val() == "" ){
         $("#nombreA").focus();
         $("#errnom").css("display","inline-block");
         return false;
      }
   });


mis dudas (que por cierto yo las veo muy raras) son las siguientes:
1.- en donde tengo "var revisa=document.getElementById("cveoculta").innerHTML;" si lo quiero hacer con jquery no funciona. porque?

2.- donde tengo "if (revisa=="existe"){"la primera vez que entro no me respeta el focus y se pasa al siguiente input, pero si le doy otra vez si me respeta el input, pero el mensaje aparece y desaparece rapidisimo.

3.- donde dice "$("#errcve").html("Ingrese la clave");" ese si me lo hace muy bien, inclusive copie y pegue esas mismas lineas abajo y no me funciona. PORQUE!!!!

agradezco cualquier ayuda posible.

gracias.
Avatar użytkownika

BugsBunny

  • Posty: 22
  • Dołączył(a): So lis 10, 2012 6:25 am

Re: dudas con html, js, php, css

przez XainPro » Wt mar 26, 2013 9:40 am

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<style>
#errcve{
display:none;
background-color: #BC1010;
color: #FFFFFF;
font-size:.850em;
}

#cveoculta{display:none;}
</style>
<script type="text/javascript">
/* ******* LIMPIA ********** */
$(document).ready(function(e) {

$('#claveA').keyup(function() {
if( $("#claveA").val() != "" ){
$("#errcve").css("display","none");
return false;
}
});
$("#nombreA").keyup(function(){
if( $("#nombreA").val() != "" ){
$("#errnom").css("display","none");
return false;
}
});

/* ******VALIDACIONES******** */
$("#claveA").blur(function(){
if( $("#claveA").val() == "" ){
$("#claveA").focus();
$("#errcve").html("Ingrese la clave");
$("#errcve").css("display","inline-block");
return false;
}else{
$("#cveoculta").load("checacvecte.php", {clave: $("#claveA").val()}, function(){
var revisa= $("#cveoculta").html();
if (revisa.length>0){
$("#claveA").focus();
$("#errcve").html("Esa clave ya existe");
$("#errcve").css("display","inline-block");
return false;
}
});
}
});
$("#nombreA").blur(function(){
if( $("#nombreA").val() == "" ){
$("#nombreA").focus();
$("#errnom").css("display","inline-block");
return false;
}
});
});
</script>
</head>
<body>
<div class="tabla">
<div class="fila">
<p class="celda">clave:</p>
<p class="celda"><input id="claveA" type="text" name="claveA" maxlength="10" size=15 />
<br/><span id="errcve"></span></p>
<div id="cveoculta"></div>
</div>
<div class="fila">
<p class="celda">Nombre:</p>
<p class="celda"><input id="nombreA" type="text" name="nombreA" maxlength="60" size=50 />
<br/><span id="errnom">Ingrese el nombre</span></p>
</div>
</div>
</body>
</html>


el código necesita corrección básica del código anterior puede dar idea de cómo hacerlo
buena suerte!
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1