Jquery each non entra nel ciclo

[pippuccio76]

salve ho molti campi input con classe class_descrizione e al submit del form o return controlla_e_invia().

Mi aspetto in console oltre a mostrare "dentro controlla e invia" che mostri tanti "dentro each" tante sono gli input con classe class_descrizione invece dentro each non appare mai , perchè

    function controlla_e_invia() {


        console.log('dentro controlla e invia');




        $(".class_descrizione").each(function() {


            console.log('dentro each');


            var id_descrizione = $(this).attr("id");


            var descrizione = $('#' + id_descrizione).val()


            var id_to_get = id_descrizione.split('_');


            console.log('|'+id_to_get);




            var quantita = $('#id_class_quantita_' + id_to_get[3]).val();
            var um = $('#id_class_um_' + id_to_get[3]).val();


            console.log('um ' + um);


            if (descrizione && (quantita == '' || um == '')) {


                alert('Quando inserisci la descrizione devi anche inserire quantita e unità di misura alla riga ' + id_to_get[3])


                return false;
            }


        });


        //return false;


    }

[KillerWorm]

Ciao, il codice che hai postato sembra ok ma non basta per capire quali possano essere le cause del malfunzionamento che lamenti.

Verifica intanto che non saltino fuori degli errori in console.
Verifica che il nome della classe usata in quel selettore corrisponda esattamente alle relative classi inserite nel codice HTML.

Per poterti dare un aiuto mirato sarebbe necessario vedere il codice dell'intera pagina. Se possibile posta il link alla pagina in questione.

[pippuccio76]

Ecco il jsfiddle , ho tolto un po di php della pagina e il sistema per aggiungere le righe

https://jsfiddle.net/Laxc2fjm/4/

[KillerWorm]

Ho visto e ripeto ciò che ti ho già indicato:

Verifica che il nome della classe usata in quel selettore corrisponda esattamente alle relative classi inserite nel codice HTML.

L'errore sta lì. Fai sapere se riscontri problemi nel verificare questo punto.

[pippuccio76]

Ho visto e ripeto ciò che ti ho già indicato:


L'errore sta lì. Fai sapere se riscontri problemi nel verificare questo punto.

Hai ragione , avevo messo più cicli for per scrivere il codice in automatico ed in uno mancava la classe

[pippuccio76]

Hai ragione , avevo messo più cicli for per scrivere il codice in automatico ed in uno mancava la classe

HO un altro problema , il form :

       <form action="http://localhost:8080/user_Ddt/inserisciRecord" class="col-md-12" id="myform" name="form_ddt" method="POST" onSubmit="return controlla_e_invia();" accept-charset="utf-8">

anche se mostra l'alert correttamente poi invia lo stesso il form nonostante dopo l'alert ci sia un return false, perchè ?

[KillerWorm]

Quella riga di per sé sembra ok. Bisogna capire cosa sta avvenendo esattamente nella funzione controlla_e_invia(), oltre a verificare come hai impostato il resto del form.

Nel tuo fiddle di esempio non riesco a riprodurre il problema. Difficile aiutarti senza vedere la pagina in azione.
Verifica intanto se non salta fuori qualche errore nella console che possa magari influire sul risultato.

Se non riesci a risolvere ti consiglio di postare il link ad un esempio aggiornato e indicare esattamente quali passaggi vanno fatti per poter riprodurre il problema.

[pippuccio76]

Quella riga di per sé sembra ok. Bisogna capire cosa sta avvenendo esattamente nella funzione controlla_e_invia(), oltre a verificare come hai impostato il resto del form.

Nel tuo fiddle di esempio non riesco a riprodurre il problema. Difficile aiutarti senza vedere la pagina in azione.
Verifica intanto se non salta fuori qualche errore nella console che possa magari influire sul risultato.

Se non riesci a risolvere ti consiglio di postare il link ad un esempio aggiornato e indicare esattamente quali passaggi vanno fatti per poter riprodurre il problema.

HO questo in console se può aiutare :

[Violation] 'submit' handler took 2032ms

[pippuccio76]

ho capito l'errore , avevo un return true dopo il .each , mi aspettavo che se trovava il return false non avrebbe continuato , invece esce e esegue anche il return true fuori dal .each, allora ho modificato così :

    function controlla_e_invia() {



        //console.log('dentro controlla e invia');


        var invia_form = true;




        $(".class_descrizione").each(function(e) {


            //return false;




            console.log('dentro each');


            var id_descrizione = $(this).attr("id");


            var descrizione = $('#' + id_descrizione).val()


            var id_to_get = id_descrizione.split('_');


            //console.log('|' + id_to_get);




            var quantita = $('#id_class_quantita_' + id_to_get[3]).val();
            var um = $('#id_class_um_' + id_to_get[3]).val();


            //console.log('um ' + um);


            if (descrizione && (quantita == '' || um == '')) {


                alert('Quando inserisci la descrizione devi anche inserire quantita e unità di misura alla riga ' + id_to_get[3]);


                invia_form = false;
            }


        });


        return invia_form;


    }

[KillerWorm]

Giusto, in effetti quel return faceva in modo di uscire dalla funzione, ma esce da quella definita per l'each, non da controlla_e_invia.
La soluzione che hai adottato mi sembra buona.