porque no funciona este codigo de validadcion de formulario?

[bellleti]

Tengo este formulario y con javascript intento mirar que todos los campos esten llenos, pero no me coge la funcion "valida" de onsubmit. No se si es porque utilizo Form mail....... y no php...

Código PHP:

  <form name="f1" action="http://cgi.dominio...../FormMail.pl" method="post"onSubmit="return valida(this)" > 
                                                        <input type="hidden" name="recipient" value="[email protected]"> 
                                                        <input type="hidden" name="subject" value="peticio informacio via Web"><input type="hidden" name="redirect" value="http://www.dmelectronica.com/cat/contacte.html"> 
                                                        <label>Nombre:</label> 
                                                        <br> 
                                                        <input name="Nom" type="text" size="25" maxlength="30">*<br><br> 
                                                        <label>Direcci&oacute;n:</label>    <br> 
                                                        <input name="Direccio" type="text" size="30" maxlength="50">*    <br>    <br>                                         
                                                        <label>Tel&eacute;fono:</label>     
                                                        <br> 
                                                        <input name="Telefon" type="text" size="9" maxlength="9">*<br><br> 
                                                        <label>Email:</label>    <br> 
                                                        <input name="Email" type="text" size="25" maxlength="50" >*<br><br> 
                             
                                                         
                                                        <label>Descripci&oacute;n:</label>    <br> 
                                                        <font> 
                                                        <textarea name="Descripcio" cols="35" rows="4"></textarea> 
                                                        </font><br> 
                                                        <br><br> 
                                                        <input name="Enviar" type="submit" value="Enviar"> 
                                                        </form> 
                                                        </font><br><br> 
                                                     
            <script language="javascript" type="text/javascript">     
    function valida(formulari){ 
     
    //valida el nom 
    if (document.f1.Nom.value.length==0){ 
       alert("Has d'omplir el camp del NOm:") 
       document.f1.nom.focus() 
       return (false); 
    } 
    //valida la direcció 
    else if 
       (document.f1.Direccio.value.length==0){ 
       alert("Has d'omplir el camp del Direcció:") 
       document.f1.nom.focus() 
       return (false); 
    }  
    //valida el telefon 
    else if 
       (document.f1.Telefon.value.length==0){ 
       alert("Has d'omplir el camp del Telèfon:") 
       document.f1.tel.focus() 
       return (false); 
    }  
    //valida l'email 
    else if 
       (document.f1.Email.value.length==0){ 
       alert("Has d'omplir el camp del Email:") 
       document.f1.email.focus() 
       return (false); 
    }  
    //valida la descripcio 
    else if 
       (document.f1.Descripcio.value.length==0){ 
       alert("Has d'omplir el camp descripció:") 
       document.f1.descripcio.focus() 
       return (false); 
    }  
    else 
    { 
    alert("Missatge Enviat correctament:") 
        return (true); 
    } 
     
     
    } 
     </script>  
  

A ver si alguien me puede ayudar... gracias

[zerokilled]

a continuacion te marco donde tienes los errores.

Código:

    //valida el nom
    if (document.f1.Nom.value.length==0){
       alert("Has d'omplir el camp del NOm:")
       document.f1.nom.focus()
       return (false);
    }
    //valida la direcció
    else if
       (document.f1.Direccio.value.length==0){
       alert("Has d'omplir el camp del Direcció:")
       document.f1.nom.focus()
       return (false);
    } 
    //valida el telefon
    else if
       (document.f1.Telefon.value.length==0){
       alert("Has d'omplir el camp del Telèfon:")
       document.f1.tel.focus()
       return (false);
    } 
    //valida l'email
    else if
       (document.f1.Email.value.length==0){
       alert("Has d'omplir el camp del Email:")
       document.f1.email.focus()
       return (false);
    } 
    //valida la descripcio
    else if
       (document.f1.Descripcio.value.length==0){
       alert("Has d'omplir el camp descripció:")
       document.f1.descripcio.focus()
       return (false);
    }

los nombres no parean correctamente con los nombres de los campos. tienes que escribirlo exactamente como lo has asignado en el atributo name de los campos.

[nicolaspar]

Agrego, si me lo permiten, que no es solo al name sino también al ID (que lo normal es que sean iguales aunque bien pueden no serlo) y que el problema puntual es el casesensitive, para js es fundamental que se respete.