ayuda con formulario de contacto, remplazo de alert() en la validacion...

David · #31 (**permalink**) 18/09/2008, 15:36

Es que lo que debes poner en el array son solo los id de los divs, en este caso "div_edad" y "div_nombre".

binagol · #32 (**permalink**) 18/09/2008, 15:51

ok, ya lo cambie, pero sigue sin funcionar, tenes idea de que mas esta mal???:

Código HTML:

 <script language="javascript" type="text/javascript">
	
	  function validar(f){
		    nombre = f.nombre.value;
			edad = f.edad.value;
			error_div_nombre = document.getElementById('div_nombre');
			error_div_edad = document.getElementById('div_edad');
			document.getElementById('div_envio').style.display = 'none';
			showdivs = new Array();
			fallo_validar = false;

  		    if (nombre==""){
  			  showdivs[showdivs.length] = 'div_nombre'
			  f.nombre.focus(); 
			  fallo_validar = true;
			}else{
			error_div_nombre.style.display = 'none';
			}
			
			if (edad==""){
   			  showdivs[showdivs.length] = 'div_edad'
			  f.edad.focus(); 
			  fallo_validar = true;		 
			}else{
			error_div_edad.style.display = 'none';
			}
	
			if (fallo_validar==true)
			  setTimeout("contar=0;mostrar()", 1000);
			  return false;
			else
			  return true;
						  
		}
		
	function mostrar() {
        document.getElementById(showdivs[contar]).display = "block";
        contar += 1;
        if (contar < showdivs.length) { setTimeout("mostrar()", 1000) }
    }
		
  </script>

David · #33 (**permalink**) 18/09/2008, 15:53

Te falta un ; después de asignar el array, aunque no es obligatorio, es buena costumbre.

¿Has mirado en el navegador si no está dando algún error?

EDITO: Ya encontré el error, es que debe ser style.display en la función mostrar en vez de solo display, lo siento, error mío.

binagol · #34 (**permalink**) 18/09/2008, 17:23

perdon por la demora en contestar....

ok, corregi lo que mensionaste, pero sigue sin funcionar.

quedo asi:

Código HTML:

<html>
  <script language="javascript" type="text/javascript">
	
	  function validar(f){
		    nombre = f.nombre.value;
			edad = f.edad.value;
			error_div_nombre = document.getElementById('div_nombre');
			error_div_edad = document.getElementById('div_edad');
			document.getElementById('div_envio').style.display = 'none';
			showdivs = new Array();
			fallo_validar = false;

  		    if (nombre==""){
  			  showdivs[showdivs.length] = 'div_nombre';
			  f.nombre.focus(); 
			  fallo_validar = true;
			}else{
			error_div_nombre.style.display = 'none';
			}
			
			if (edad==""){
   			  showdivs[showdivs.length] = 'div_edad';
			  f.edad.focus(); 
			  fallo_validar = true;		 
			}else{
			error_div_edad.style.display = 'none';
			}
	
			if (fallo_validar==true)
			  setTimeout("contar=0;mostrar()", 1000);
			  return false;
			else
			  return true;
						  
		}
		
	function mostrar() {
        document.getElementById(showdivs[contar]).style.display = "block";
        contar += 1;
        if (contar < showdivs.length) { setTimeout("mostrar()", 1000) }
    }
		
  </script>
  <style type="text/css">
	  body, input, td {
		  font-family: Tahoma;
			font-size: 11px;
			color: #666;
		}
		
	  .error {
		  background-color:#f66;
			color: #fff;
			padding: 10px;
			display: none;
		}
		
		.envio {
		  background-color:#FFFFDF;
			padding: 10px;
		}
  </style>
  <body>
    <form action="<?=$PHP_SELF?>" method="post" name="formulario" id="formulario" onSubmit="return validar(this);">
      <table>
        <tbody>
          <tr>
            <td>nombre</td>
            <td><input name="nombre" type="text" id="nombre" /></td>
          </tr>
          <tr>
            <td>edad</td>
            <td><input name="edad" type="text" id="edad" /></td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="2"><input name="enviar" type="submit" id="enviar" value="Enviar" /></td>
          </tr>
        </tfoot>
      </table>
	  </form>
    <div id="div_nombre" class="error">Por favor ingrese su nombre</div>
    <div id="div_edad" class="error">Por favor ingrese su edad</div>
    <div id="div_envio" class="envio">
    <?php
		  if (isset($_POST['enviar'])){
			  echo "<strong>nombre: </strong>".$_POST['nombre']."<br>";
				echo "<strong>edad: </strong>".$_POST['edad'];
			}
		?>
    </div>
  </body>
</html>

binagol · #35 (**permalink**) 18/09/2008, 19:39

alguien sabe cual es el error en el codigo anterior?????????????

no se porque nno funciona...

buzu · #36 (**permalink**) 19/09/2008, 01:13

no leo todo, pero pienso que ya son demasiadas respuestas para un tema tan sencillo y que se encuentra por montones si se busca en google...

binagol · #37 (**permalink**) 19/09/2008, 04:05

si, pero a esta altura, ahce falta una sola respuseta mas..... ya esta practicamente terminado....

pero no funciona... cual es el error???? alguien lo encuentra?

David · #38 (**permalink**) 19/09/2008, 09:55

Esto está mal:

Código javascript:

Ver originalif (fallo_validar==true)
              setTimeout("contar=0;mostrar()", 1000);
              return false;
            else
              return true;

La estructura if debe ir entre llaves {}.

P.S.: La Consola de Errores es tu amiga.

.

binagol · #39 (**permalink**) 19/09/2008, 14:37

un millon de gracias!!!!!!!!!!!!!!!!!!!

ya no molesto mas.... :) n___n

buzu · #40 (**permalink**) 19/09/2008, 15:27

jajaja.... me alegro que después de tanto te haya quedado, sobre todo por que al parecer has aprendido...

binagol · #41 (**permalink**) 19/09/2008, 15:27

jajaj,.. por suerte... aprendi bastante..... al lado de lo que sabia.... MUCHO!!!

Muchisimas Gracias!!!!

este foro es lo mejor!!!!!!!!

binagol · #42 (**permalink**) 19/09/2008, 19:46

TENGO EL AGRADO DE INFORMAR... que el formulario no funciona....jejeje, no

Por suerte tengo el agrado de decirles, que el formulario esta funcionando de primera!!!:... ya lo temine y no voy a joder mas con eso....!!!!!!

sinseramente, MUCHISIMAS GRACIAS a todos los que me ayudaron. Cualquier cosa que necesitten, no duden en avisar.

si les interesa ver terminado con lo que tanto hinche, avisen que poseteo.