problema controllo form

[baobabdesign]

Ciao ho un form con nome e testo.
Al click del submit se i campi non sono vuoti rimando ad una pagina php che salva nel database.

con jquery ho fatto questo

$(".submit-black").click(function()
            {
                
                var nome  =  $(this).parent("div").siblings("div").children(".input-commento");
                var testo =  $(this).parent("div").siblings("div").children(".textarea-commento");
                
                if(testo.val() == "" || testo.lenght() === 0 )
                {
                     testo.css("border-color","red");
                     
                     
                }
                if(nome.val() == "" || nome.lenght() === 0 )
                {
                    nome.css("border-color","red");
                    
                    
                }
                return false;
                 
            })

Succede questo:
Se clicco sul submit e i campi sono vuoti funziona bene, ma se uno dei due è pieno, comunque anche con return false mi manda alla pagina php.
grazie!

[cavicchiandrea]

Non usare un tasto submit usa un button, il submit viene eseguito comunque

[baobabdesign]

ma non capisco perchè non segue tutto lo script se lascio i campi vuoti e inserisco return false non mi rimanda alla pagina php!

[cavicchiandrea]

Originariamente inviato da baobabdesign
ma non capisco perchè non segue tutto lo script se lascio i campi vuoti e inserisco return false non mi rimanda alla pagina php!

Perché l'onclick viene ignorato se vuoi proseguire questo metodo

[baobabdesign]

all' inizio non viene ignorato perchè infatti mi crea, se vuoti, i campi col bordo rosso.
Comunque ok guardo la funzione submit, grazie!

[Xinod]

occhio che questo testo.lenght() e' sbagliato per vari motivi

sintattici, length non e' un metodo ma una proprieta', quindi devi togliere le parentesi
e poi logici, la length di un oggetto jquery restituisce il numero di elementi presenti in quell' oggetto, che non credo sia quello che cerchi di verificare

ciao

[baobabdesign]

ok grazie ho risolto così

$(".submit-black").click(function()
            {
                
                var input_nome  =  $(this).parent("div").siblings("div").children(".input-commento");
                var nome = $(input_nome,this).val().length;
                
                if(nome === 0)
                {
                     alert("Campo nome obbligatorio");
                     input_nome.css("border-color","red");
                     return false;
                }
                else
                {
                    input_nome.css("border-color","#336666");
                    var input_testo  =  $(this).parent("div").siblings("div").children(".textarea-commento");
                    var testo = $(input_testo,this).val().length;

                    if(testo === 0)
                    {
                         alert("Campo testo obbligatorio");
                         input_testo.css("border-color","red");
                         return false;
                    }
                    else
                    {
                        input_nome.css("border-color","#336666");
                        return true;
                    }
                }