Tema: validación de formulario, aviso al lado del campo
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/02/2012, 23:21
Avatar de djaevi
djaevi
 
Fecha de Ingreso: marzo-2007
Ubicación: Moreno, Buenos Aires
Mensajes: 400
Antigüedad: 17 años, 1 mes
Puntos: 47
Respuesta: validación de formulario, aviso al lado del campo
puedes colocar al lado del campo un div y asignarle un id y entonces en tu codigo en lugar de colocar alert("error"); colocas, document.getElementById("id del div").innerHTML = "Error";

te dejo este codigo para que lo pruebes.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function validarCampo(idCampo,idDiv) {
  5.     if (document.getElementById(idCampo).value == "") {
  6.         document.getElementById(idDiv).innerHTML = "El mensaje esta vacio";
  7.     }else{
  8.         document.getElementById(idDiv).innerHTML = "El mensaje es correcto";
  9.     }
  10. }
  11. </script>
  12.  
  13. <style>
  14. #miDiv {
  15.     margin-top:30px; 
  16.     margin-bottom:30px; 
  17.     border:solid; 
  18.     height:60px; 
  19.     width:240px;
  20.     font-family:"Trebuchet MS";
  21. }
  22. </style>
  23.  
  24. </head>
  25.  
  26. <body>
  27.     <input type="text" id="campo">
  28.     <div id="miDiv"></div>
  29.     <input type="button" onclick="validarCampo('campo','miDiv');" value="validar">
  30. </body>
  31. </html>

Saludos y me avisas si te funciono ;)