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.