ayuda con form???

alexjnm · #1 (**permalink**) 07/04/2005, 06:32

hola de los faq de aca saque lo de validar formularios iluminando los errores pero ahora ilumina los errores pero no me manda el form por que es eso
saludos alex

monoswim · #2 (**permalink**) 07/04/2005, 07:15

Coloca el código, sino es casi imposible encontrar el error...

Saludos

alexjnm · #3 (**permalink**) 07/04/2005, 07:26

este es es script

Código HTML:

<script> 
//Script original de KarlanKas para forosdelweb.com 

    colorMal="#BCCFA9"; 
    colorBien="white"; 
     
    regla=new Array() 

    regla[0]="valor.length<3"; 
    regla[1]="valor.length<3";
	regla[2]="valor.length<3";
	regla[3]="valor.length<4";
	regla[4]="valor.length<6";
	regla[5]="isNaN(valor) || valor<600000000";
	regla[6]="isNaN(valor) || valor<300"; 
    regla[7]="valor.lastIndexOf('@')!=valor.indexOf('@') || valor.indexOf('@')<2 || valor.lastIndexOf('.')<valor.length-4 || valor.lastIndexOf('.')>valor.length-3"; 
	regla[8]="valor.length<5";
	regla[9]="valor.length<5"; 

    mensaje=new Array() 


    mensaje[0]="Por favor, introduzca el nombre"; 
    mensaje[1]="El número de teléfono introducido no es válido"; 
    mensaje[2]="correo inválido";
	mensaje[3]="Por favor, introduzca el Apellidos"; 
    function comprobar(){ 
    errores=""; 


    for(a=0;a<regla.length;a++){ 
    valor=document.forms[0].elements[a].value; 
    if(eval(regla[a])){ 
    errores+=mensaje[a]+"<br>"; 
    document.forms[0].elements[a].style.background=colorMal;} 
    else{document.forms[0].elements[a].style.background=colorBien;} 
    } 
    herror.style.background=(errores!="")?colorMal:colorBien; 
    herror.style.border=(errores!="")?"solid 1px black":"none"; 
    herror.innerHTML=errores; 
    } 
     
</script>

esta es la parte de html

Código HTML:

<form name="form1" method="post" action="lolo.php">
                          
      <input name="nombre" type="text" class="formurigistro" id="nombre">
        <br>
        <input name="apellidos" type="text" class="formurigistro" id="apellidos">
        <br>
        <select name="pais" class="formurigistro" id="pais">
          <option value="cuba">Cuba</option>
        </select>
        <br>
        <input name="ciudad" type="text" class="formurigistro" id="ciudad">
        <br>
        <input name="direccion" type="text" class="formurigistro" id="direccion">
        <br>
        <input name="telefono" type="text" class="formurigistro" id="telefono">
        <br>
        <input name="zip" type="text" class="formurigistro" id="zip">
        <br>
        <input name="email" type="text" class="formurigistro" id="email">
        <br>
        <input name="password" type="password" class="formurigistro" id="password">
        <br>
        <input name="password1" type="password" class="formurigistro" id="password1"> 
        <input name="Submit" type="button" class="formurigistro" value="Enviar" onclick=comprobar()>
        <input name="Submit" type="reset" class="formurigistro" value="Restablecer">
        <br>
        <input name="uso" type="checkbox" id="uso" value="checkbox"> 
        Estoy de Acuerdo con las Condiciones de uso<br>
              </form>

espero que me puedan ayudar
saludos alex

monoswim · #4 (**permalink**) 07/04/2005, 08:25

<input name="Submit" type="button" class="formurigistro" value="Enviar" onclick=comprobar()>

Ese bonon es del typo button, lo cual no enviea el formulario, entonces lo debes mandar desde javascript si y solo si está todo validado bien...agregando

document.form1.submit();

Esa sentencia te envia el form, colocalo a tu función de js para que lo envie si está todo ok.

Saludos

KarlanKas · #5 (**permalink**) 07/04/2005, 09:02

He cambiado ese viejo script en un par de cosas:

- Ahora se manda con un onsubmit,
- si no se establece un mensaje de error para una comprobación concreta crea un mensaje de error tipo y
- si está bien efectivamente se manda.

Entiendo que no has puesto todo tu script porque faltan mensajes de error. No sé si puse en el script que se debe crear una capa con id herror para que muestre los errores que se tienen.

El resultado es este:

Código PHP:

  <html>

<head>

    <title>Untitled</title>

    <script> 

//Script original de KarlanKas para forosdelweb.com 

 
    colorMal="#BCCFA9"; 

    colorBien="white"; 

     

    regla=new Array() 

 
    regla[0]="valor.length<3"; 

    regla[1]="valor.length<3";

    regla[2]="valor.length<3";

    regla[3]="valor.length<4";

    regla[4]="valor.length<6";

    regla[5]="isNaN(valor) || valor<600000000";

    regla[6]="isNaN(valor) || valor<300"; 

    regla[7]="valor.lastIndexOf('@')!=valor.indexOf('@') || valor.indexOf('@')<2 || valor.lastIndexOf('.')<valor.length-4 || valor.lastIndexOf('.')>valor.length-3"; 

    regla[8]="valor.length<5";

    regla[9]="valor.length<5"; 

 
    mensaje=new Array() 

 
    //Quitar si no se quiere cartel de errores. Para tener cartel de errores crea un div con id="herrores"

    mensaje[0]="Por favor, introduzca el nombre"; 

    mensaje[1]="El número de teléfono introducido no es válido"; 

    mensaje[2]="correo inválido";

    mensaje[3]="Por favor, introduzca el Apellidos"; 

    

    //-----------------------------------------

    

    

    function comprobar(){ 

    errores=""; 

    mensaje2="";

    for(a=0;a<regla.length;a++){ 

    valor=document.forms[0].elements[a].value; 

    //Quitar si no se quiere cartel de errores

    mensaje2=(mensaje[a])?mensaje[a]:"Por favor, rellene el campo "+document.forms[0].elements[a].name;

    errores+=mensaje2+"<br>"; 

    document.forms[0].elements[a].style.background=colorMal;} 

    else{document.forms[0].elements[a].style.background=colorBien;} 

    } 

    //Quitar si no se quiere cartel de errores

    herror.style.background=(errores!="")?colorMal:colorBien; 

    herror.style.border=(errores!="")?"solid 1px black":"none"; 

    herror.innerHTML=errores; 

    //----------------------------------------

    return (errores=="")

    } 

     

</script> 

</head>

 
<body>

 
<form name="form1" method="post" action="lolo.php" onsubmit="return comprobar()">  

    <input name="nombre" type="text" class="formurigistro" id="nombre">  <br>  

    <input name="apellidos" type="text" class="formurigistro" id="apellidos">  <br>  

    <select name="pais" class="formurigistro" id="pais">  <option value="cuba">Cuba</option>  </select>  <br>

      <input name="ciudad" type="text" class="formurigistro" id="ciudad">  <br>  

      <input name="direccion" type="text" class="formurigistro" id="direccion">  <br>  

      <input name="telefono" type="text" class="formurigistro" id="telefono">  <br>  

      <input name="zip" type="text" class="formurigistro" id="zip">  <br>  

      <input name="email" type="text" class="formurigistro" id="email">  <br>  

      <input name="password" type="password" class="formurigistro" id="password">  <br>  

      <input name="password1" type="password" class="formurigistro" id="password1"> 

      <input name="Submit" type="submit" class="formurigistro" value="Enviar" >  

      <input name="Submit" type="reset" class="formurigistro" value="Restablecer">  <br>  

      <input name="uso" type="checkbox" id="uso" value="checkbox"> Estoy de Acuerdo con las Condiciones de uso<br>  

</form>

<div id="herror"></div>

</body>

</html>

Un saludo!

alexjnm · #6 (**permalink**) 07/04/2005, 09:25

ya entendi pero tengo una duda donde pongo eso que me diste porque el problema es que soy novato al javascript

disculpa las molestias
saludo alex

KarlanKas · #7 (**permalink**) 07/04/2005, 09:36

Cambia la etiqueta form que tienes por esta:

<form name="form1" method="post" action="lolo.php" onsubmit="return comprobar()">

el botón para enviar:
<input name="Submit" type="button" class="formurigistro" value="Enviar" onclick=comprobar()>

cambialo por:
<input name="Submit" type="submit" class="formurigistro" value="Enviar" >

Y antes de la llave que hay antes de la etiqueta </script> pon:

return (errores=="");

de forma que quede así:

return (errores=="");
}
</script>

Un saludo!

alexjnm · #8 (**permalink**) 07/04/2005, 10:03

ya lo puse asi pero no funciona no hace nada
en la paguina me da error en la parte de abajo de el IE
ahora ni marca los colores de que esta mal

donde esta el error
saludos alex y disculpa la molestia