[jQuery mobile] Form validation

[fermat]

ciao a tutti.
ho messo su un form con jquery mobile.
funziona tutto però nn riesco a capire una cosa.
per fare la validazione ho usato semplicemente questo:

        <script type="text/javascript">
            function valida(modulo) {
                var nome = modulo.nome.value;
                var cognome = modulo.cognome.value;
                var email = modulo.email.value;
                var nazione = modulo.nazione.options[modulo.nazione.selectedIndex].value;
                var lingua = modulo.lingua.options[modulo.lingua.selectedIndex].value;
                var privacy = modulo.privacy.checked;
                var espressione = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{2,})+\.)+([a-zA-Z0-9]{2,})+$/;           
                if(nome == "" || cognome == "" ||email == "" || nazione == "*" || lingua == "*") {
                    alert("Tutti i campi sono obbligatori - All fileds are mandatory");
                    return false;
                }
                if(!espressione.test(email)) {
                    alert("La mail inserita non è valida - Mail not valid");
                    return false;
                }
                if(privacy == false) {
                    alert("Devi dare il conenso al trattamento dei dati personali - Please accept Privacy Plicy");
                    return false;
                }
            }
        </script>

per funzionare funziona, ma con una differenza rispetto a un form "normale": anche se nn è validato mi resetta tutti i campi.
avete qualche idea?
oppure avete qualche plugin specifico per la validazione di form mobile?

[cavicchiandrea]

- Come richiami la funzione?
- Hai provato ad usare la sintassi "estesa" document.nomeform.nomecampo.value o il dom document.getElementById('idElemento').value?

[fermat]

la funzione la richiamo così semplicemente così:

<form action="<?php $_SERVER['PHP_SELF']; ?>" method="post" class="ui-body ui-body-a ui-corner-all" onsubmit="return valida(this);">
.........

però siccome su un form normale il problema nn si pone, nn vorrei che ci fosse qualche comportamento di jQuery mobile che nn so.

[cavicchiandrea]

Le domande sono due, e cosa centra jquery.mobile in questa funzione di convalida in puro javascript hai degli errore nella console? E cosa vuol dire però siccome su un form normale il problema nn si pone intendi non riscontro questo problema se visto il sito con un pc? Con che dispositivo (device) lo visti?
Su, su collabora

[fermat]

mi rispiego perchè forse nn mi sono spiegato bene.
su un form "normale" non costruito con le regole di jQuery mobile succede questo:
-se il form è validato va tutto bene
-se c'è qualche errore il tutto si blocca, mi esce l'alert e il form rimane così com'è in modo da poter apportare le correzioni

se invece lo faccio su questo form succede questo:
-se il form è validato va tutto bene
-se c'è qualche errore mi esce l'alert ma la pagina viene ricaricata lo stesso e il form si svuota e sono costretto a riscrivere tutti i dati

ecco perchè sto facendo questa differenziazione tra form normale e non.
per form normale intendo un form costruito in puro html senza jquery mobile di torno.
meglio di così nn so spiegarmi.

[fermat]

e aggiungo anche che se il form nn è validato dopo l'alert viene cmq fatto il submit.
me ne sono accorto perchè nel db mi ritrovo un sacco di voci sballate.
se disattivo jquery mobile questo nn succede.

[Vindav]

prova cosi:

<form action="<?php $_SERVER['PHP_SELF']; ?>" method="post" data-ajax="false" class="ui-body ui-body-a ui-corner-all" onsubmit="return valida(this);">

[fermat]

si mi hai anticipato.
ho trovato la pagina della doc giusta e ho provato.
così il form si blocca e basta.
grazie!