Formulario que no comprueva los campos vacios... :S

zerock · #1 (**permalink**) 04/06/2010, 18:18

Hola gente!
Tengo un formulario de email que ni comprueva los campos vacios ni valida el email... El correo siempre se envia, aunque los campos estén vacios.

Yo no veo el error, podrían echarle un vistazo?¿

Código:

<script language="JavaScript">
function check()
{
  var checked=true;
  var pattern=/.*\@.*\..*/;
      if (checked)
  {
	  	    if (document.sendform.vname.value=="")
        {
		  document.sendform.vname.focus();
		  document.sendform.vname.select();
          alert ("Si us plau, ompli tots els camps.");
          checked=false;
        }
	  }
                    if (checked)
	  {
	    if (document.sendform.nname.value=="")
        {
		  document.sendform.nname.focus();
		  document.sendform.nname.select();
          alert ("Si us plau, ompli tots els camps.");
          checked=false;
        }
	  }
                if (checked)
	  {
	    if ((pattern.test(document.sendform.email.value))==false)
        {
		  document.sendform.email.focus();
		  document.sendform.email.select();
          alert ("Si us plau, introduïu una adreça correcta de correu electrònic.");
          checked=false;
        }
	  }
              if (checked)
	  {
	    if (document.sendform.email.value=="")
        {
		  document.sendform.email.focus();
		  document.sendform.email.select();
          alert ("Si us plau, ompli tots els camps.");
          checked=false;
        }
	  }
                    if (checked)
	  {
	    if (document.sendform.nachricht.value=="")
        {
		  document.sendform.nachricht.focus();
		  document.sendform.nachricht.select();
          alert ("Si us plau, ompli tots els camps.");
          checked=false;
        }
	  }
        if (checked)
  {
    	document.sendform.submit;
  }
  return checked;
} 
</script>
      
      <form name="sendform" onSubmit="return check()" action="post.php" method="POST" enctype="application/x-www-form-urlencoded">
        <table border="0" cellpadding="0" cellspacing="0" width="310">
          <input type="hidden" name="fgwemail" value="[email protected]">
          
          <input type="hidden" name="fgwsubject" value="Formulari B2T">
          
          <input type="hidden" name="fgwreturnurl" value="return.html">
          
          <tr>
            <td width="72" valign="top"><span class="grey">Nom</span></td>
            <td width="239" valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="vname" value=""><br></td>
            </tr>
          
          <tr>
            <td valign="top"><span class="grey">Cognom</span></td>
            <td valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="nname" value=""><br></td>
          </tr>
          
          <tr>
            <td valign="top"><span class="grey">E-Mail</span></td>
            <td valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="email" value=""><br></td>
          </tr>
          
          <tr>
            <td valign="top"><span class="grey">Missatge</span></td>
            <td valign="top"><textarea style="width: 200px;" cols="39" rows="7" class="normal" name="nachricht2"></textarea><br></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>
              <br>
              </td>
            </tr>
          
          <tr>
            <td>&nbsp;</td>
            <td align="left"><input type="image" border="0" src="../images/w2dsbmt.gif" usemap="0"></td>
            </tr>
          </table>
         </form>

El post esta en php, tengo que validarlo en el post¿ No verdad?¿

maycolalvarez · #2 (**permalink**) 04/06/2010, 18:22

document.sendform.submit; he aquí el problema, quita esta linea ya que obligas a que se envié el form cuando se esta validadando, para ello es que devuelves false al onsubmit del form no??

además, algunos navegadores no son compatibles con ese método de llamado(document.form.input), por el que debes usar document.getElementById('inputname').value o document.forms['sendform'].elements['inputname'].value

zerock · #3 (**permalink**) 04/06/2010, 18:24

Cita:

Iniciado por maycolalvarez

document.sendform.submit; he aquí el problema, quita esta linea ya que obligas a que se envié el form cuando se esta validadando, para ello es que devuelves false al onsubmit del form no??

Pero entonces no se enviará! Ya e tenido que poner el action y el post dentro del formulario envez de en el script.. Tengo que meter el submit tb entonces?¿

zerock · #4 (**permalink**) 04/06/2010, 18:29

No funciona, sigue pasando lo mismo... ademas el formulario siempre me funciono lo que le e cambiado tantas cosas que ya no se.. no funciona.. osea funciona porque se envia pero no funciona porque no valida el email ni comprueva los campos.. alguna idea?¿

maycolalvarez · #5 (**permalink**) 04/06/2010, 18:34

si se envía, cuando el delegado(entiéndase el que controla el evento) del evento onsubmit recibe un TRUE, si este recibe FALSE no envía el formulario

el problema está en el código de validación de la función check, al parecer siempre devuelve TRUE, por lo que debes depurarlo (puedes usar firebug+FF), intenta colocar:

alert(checked);

antes de

return checked;

para que veas que si te sale TRUE o FALSE.

zerock · #6 (**permalink**) 04/06/2010, 18:53

Cita:

Iniciado por maycolalvarez

si se envía, cuando el delegado(entiéndase el que controla el evento) del evento onsubmit recibe un TRUE, si este recibe FALSE no envía el formulario

el problema está en el código de validación de la función check, al parecer siempre devuelve TRUE, por lo que debes depurarlo (puedes usar firebug+FF), intenta colocar:

alert(checked);

antes de

return checked;

para que veas que si te sale TRUE o FALSE.

Lo ize, me dice que el valor del document.sendfrom.vname esta sin definir.. A que se refiere?

maycolalvarez · #7 (**permalink**) 04/06/2010, 18:58

exactamente como te indique en el post anterior, ese modelo de llamado de objetos no es recomendable, usa siempre:

document.forms['sendfrom'].elements['vname'].value

ó

document.getElementById('vname_id').value // en este caso debes de colocar ID a los inputs (<input id="id_input" name="name_input" ... />)

usar document.sendfrom.vname solo te limitaría a unos pocos navegadores como IE, incluso para que funcione en algunos IE necesitas un meta tag especial, ¡¿que te parece?!

zerock · #8 (**permalink**) 04/06/2010, 19:00

Cita:

Iniciado por maycolalvarez

exactamente como te indique en el post anterior, ese modelo de llamado de objetos no es recomendable, usa siempre:

document.forms['sendfrom'].elements['vname'].value

En todas las veces??? diosss.... weeno...
Voy a hacerlo y provarlo, haber que tal..

maycolalvarez · #9 (**permalink**) 04/06/2010, 19:03

te agregue más opciones mientras respondías

... están en el post anterior

zerock · #10 (**permalink**) 04/06/2010, 19:13

Cita:

Iniciado por maycolalvarez

te agregue más opciones mientras respondías

... están en el post anterior

Merci por todo, pero sigue sin chekear las casillas, ni validar el email...

dice que el valor esta vacio... -> if (document.forms['sendfrom'].elements['vname'].value=="")

lo tengo en "http://www.b2tarquitectura.info/qui-som/index.html" si quieres escharle un vistazo.. yo me voy a suicidar tahora... xDD

zerock · #11 (**permalink**) 05/06/2010, 07:24

No ay solucion?¿

zerock · #12 (**permalink**) 05/06/2010, 13:17

Hola vuelvo a ser yo... Creo aver conseguido que funcione, aunque no funcione, el problema de antes es que el metod y el action lo metia en el formulario, ahora ya esta dentro del codigo de javascript, pero ahora no me lo envia el email, ni tampoco me alerta de los campos vacios o nulos,.. podeis debugearme?¿?

El codigo ahora es:

Código:

<script language="JavaScript">
function check()
{
  var checked=true;
  var pattern=/.*\@.*\..*/;
      if (checked)
  {
	  	    if (document.forms['sendfrom'].elements['vname'].value=="")
        {
		  document.forms['sendfrom'].elements['vname'].focus();
		  document.forms['sendfrom'].elements['vname'].select();
          alert ("Si us plau, ompli tots els camps.");
          checked=false;
        }
	  }
                    if (checked)
	  {
	    if (document.forms['sendfrom'].elements['nname'].value=="")
        {
		  document.forms['sendfrom'].elements['nname'].focus();
		  document.forms['sendfrom'].elements['nname'].select();
          alert ("Si us plau, ompli tots els camps.");
          checked=false;
        }
	  }
                if (checked)                       
	  {
	    if ((pattern.test(document.forms['sendfrom'].elements['email'].value))==false)
        {
		  document.forms['sendfrom'].elements['email'].focus();
		  document.forms['sendfrom'].elements['email'].select();
          alert ("Si us plau, introduïu una adreça correcta de correu electrònic.");
          checked=false;
        }
	  }
              if (checked)
	  {
	    if (document.forms['sendfrom'].elements['email'].value=="")
        {
		  document.forms['sendfrom'].elements['email'].focus();
		  document.forms['sendfrom'].elements['email'].select();
          alert ("Si us plau, ompli tots els camps.");
          checked=false;
        }
	  }
                    if (checked)             
	  {
	    if (document.forms['sendfrom'].elements['nachricht'].value=="")
        {
		  document.forms['sendfrom'].elements['nachricht'].focus();
		  document.forms['sendfrom'].elements['nachricht'].select();
          alert ("Si us plau, ompli tots els camps.");
          checked=false;
        }
	  }
        if (checked)
  {
    document.forms['sendfrom'].method="POST";
    document.forms['sendfrom'].action="w2dfgw.php";
	document.forms['sendfrom'].submit;
  }
  return checked;
} 
</script>
      
      <form name="sendform" onSubmit="return check()" enctype="application/x-www-form-urlencoded">
        <table border="0" cellpadding="0" cellspacing="0" width="310">
          <input type="hidden" name="fgwemail" value="[email protected]">
          
          <input type="hidden" name="fgwsubject" value="Formulari B2T">
          
          <input type="hidden" name="fgwreturnurl" value="0000009d890112f04.html">
          
          <tr>
            <td width="72" valign="top"><span class="grey">Nom</span></td>
            <td width="239" valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="vname" value=""><br></td>
            </tr>
          
          <tr>
            <td valign="top"><span class="grey">Cognom</span></td>
            <td valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="nname" value=""><br></td>
          </tr>
          
          <tr>
            <td valign="top"><span class="grey">E-Mail</span></td>
            <td valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="email" value=""><br></td>
          </tr>
          
          <tr>
            <td valign="top"><span class="grey">Missatge</span></td>
            <td valign="top"><textarea style="width: 200px;" cols="39" rows="7" class="normal" name="nachricht2"></textarea><br></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>
              <br>
              </td>
            </tr>
          
          <tr>
            <td>&nbsp;</td>
            <td align="left"><input type="image" border="0" src="../images/w2dsbmt.gif" usemap="0"></td>
            </tr>
          </table>
         </form>

_cronos · #13 (**permalink**) 05/06/2010, 13:32

Esque tienes el mismo trozode código dos veces puesto, porque en los dos formularios los campos se llaman igual. y los propios formularios se llaman igual. Entonces al tener el mismo nombre no los valida, prueba a cambiarles el nombre.

maycolalvarez · #14 (**permalink**) 05/06/2010, 13:46

aveces a no se le pierde la cabeza, colocaste mal los nombres, por ejemplo sendfrom en vez de sendform, de seguro esto te funciona:

Código Javascript:

Ver original<script language="JavaScript">
function check()
{
    var checked=true;
    var pattern=/.*\@.*\..*/;
    //PRIMER Y FUNDAMETAL ERROR EN LOS NOMBRES: sendfrom o sendform ???
    if (checked)
    {
        if (document.forms['sendform'].elements['vname'].value=="")
        {
            document.forms['sendform'].elements['vname'].focus();
            document.forms['sendform'].elements['vname'].select();
            alert ("Si us plau, ompli tots els camps.");
            checked=false;
        }
    }
    if (checked)
    {
        if (document.forms['sendform'].elements['nname'].value=="")
        {
            document.forms['sendform'].elements['nname'].focus();
            document.forms['sendform'].elements['nname'].select();
            alert ("Si us plau, ompli tots els camps.");
            checked=false;
        }
    }
    if (checked)                       
    {
        if ((pattern.test(document.forms['sendform'].elements['email'].value))==false)
        {
            document.forms['sendform'].elements['email'].focus();
            document.forms['sendform'].elements['email'].select();
            alert ("Si us plau, introduïu una adreça correcta de correu electrònic.");
            checked=false;
        }
    }
    if (checked)
    {
        if (document.forms['sendform'].elements['email'].value=="")
        {
            document.forms['sendform'].elements['email'].focus();
            document.forms['sendform'].elements['email'].select();
            alert ("Si us plau, ompli tots els camps.");
            checked=false;
        }
    }
    
    if (checked)             
    {
        //ERROR nmbres: nachricht2 o nachricht???
        if (document.forms['sendform'].elements['nachricht2'].value=="")
        {
            document.forms['sendform'].elements['nachricht2'].focus();
            document.forms['sendform'].elements['nachricht2'].select();
            alert ("Si us plau, ompli tots els camps.");
            checked=false;
        }
    }
    //NO hace Falta
    //if (checked)
    //{
        //document.forms['sendform'].method="POST";
        //document.forms['sendform'].action="w2dfgw.php";
        //document.forms['sendform'].submit;
    //}
    return checked;
} 
</script>
      
      <form name="sendform" onSubmit="return check();" method="post" action="w2dfgw.php" enctype="application/x-www-form-urlencoded">
        <table border="0" cellpadding="0" cellspacing="0" width="310">
          <input type="hidden" name="fgwemail" value="[email protected]">
          
          <input type="hidden" name="fgwsubject" value="Formulari B2T">
          
          <input type="hidden" name="fgwreturnurl" value="0000009d890112f04.html">
          
          <tr>
            <td width="72" valign="top"><span class="grey">Nom</span></td>
            <td width="239" valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="vname" value=""><br></td>
            </tr>
          
          <tr>
            <td valign="top"><span class="grey">Cognom</span></td>
            <td valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="nname" value=""><br></td>
          </tr>
          
          <tr>
            <td valign="top"><span class="grey">E-Mail</span></td>
            <td valign="top"><input class="normal" style="width: 200px;" size="26" type="text" name="email" value=""><br></td>
          </tr>
          
          <tr>
            <td valign="top"><span class="grey">Missatge</span></td>
            <td valign="top"><textarea style="width: 200px;" cols="39" rows="7" class="normal" name="nachricht2"></textarea><br></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>
              <br>
              </td>
            </tr>
          
          <tr>
            <td>&nbsp;</td>
            <!-- Como esperas que el form se envie si no hay un input tipo submit ?????, con esto se resuelve: -->
            <td align="left"><input onclick="document.forms['sendform'].submit();" type="image" border="0" src="../images/w2dsbmt.gif" usemap="0"></td>
            </tr>
          </table>
         </form>

zerock · #15 (**permalink**) 05/06/2010, 13:52

Cita:

Iniciado por _cronos

Esque tienes el mismo trozode código dos veces puesto, porque en los dos formularios los campos se llaman igual. y los propios formularios se llaman igual. Entonces al tener el mismo nombre no los valida, prueba a cambiarles el nombre.

SIIIIIIIIIIIIIIIII!!!!!!!!!! Diosssssssss por fin!!! Valeee, ahora el problema será que se envie... ... en El primer formulario No envia .. y el segundo tampoco, pero weno, metere el metod y action dentro del formulario y ya esta!!!

MUUUUUUUUUUUUUUUUUUUUUUUUUCHASSSSS GRACIAAAAAAAAASSSSS!!!!!!!!!!!!

maycolalvarez · #16 (**permalink**) 05/06/2010, 13:57

no se envía porque no tienes un <input type="submit" /> que lo haga, pero lo puedes resolver manualmente como te indique en la línea:

Código Javascript:

Ver original<!-- Como esperas que el form se envie si no hay un input tipo submit ?????, con esto se resuelve: -->
<td align="left"><input onclick="document.forms['sendform'].submit();" type="image" border="0" src="../images/w2dsbmt.gif" usemap="0"></td>

_cronos · #17 (**permalink**) 05/06/2010, 14:08

Pues yo tenía entendido que los image funcionaban igual que los submit, la única diferencia era que quedaban más 'vistosos'.

maycolalvarez · #18 (**permalink**) 05/06/2010, 14:21

Cita:

Iniciado por _cronos

Pues yo tenía entendido que los image funcionaban igual que los submit, la única diferencia era que quedaban más 'vistosos'.

para algunos navegadores, en mi FF no me funciona, por ello es mejor y más seguro tener ese submit por medio del onclick

_cronos · #19 (**permalink**) 05/06/2010, 15:13

No si tienes razón, yo también uso Firefox y su input image no me funcionaba pero no me había dado cuenta de que había que poner un submit().
En fin, 'Nunca te acostarás sin saber una cosa más'.
Saludos (: