Jquery Validator

**ales_10it** · 01-02-2012, 13:49

Salve,
non riesco a far funzionare il Jquery Validator su una pagina che ho in rete, quando invece in locale funziona correttamente.

la pagina in questione è questa PAGINA.

ed il codice in questione è il seguente:

codice:

<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
</head>
<body>
<form action="iscrizione_save.php" id="myform" method="post">
       Username: <input type="text" name="username" />

       Password: <input type="password" id="password" name="password" />

       Conferma password: <input type="password" name="password2" />

       Email: <input type="text" name="email" />

       Nome reale (non obbligatorio): <input type="text" name="nome" />

       <input type="submit" value="Registrati" />
</form>
<script type="text/javascript" src="js/iscrizione.js"></script>
</body>
</html>

e questo invece è il codice js/iscrizione.js:

codice:

$("#myform").validate(
{
    rules:
    {
        username: "required",
        password: {
     		 minlength: 6,
	required: true /* obbligatorio */
		},
        password2:
        {
                required: true, /* obbligatorio */
                equalTo: "#password" /* il suo valore deve essere uguale a quello del campo password */
        },
	email:
	{
		required: true, /* obbligatorio */
		email: true, /* attiva il controllo sulla validità di un indirizzo email */
		remote:{  
                url: "verifica_email.php",  
                type: "post"  
            	} 
	}
    },
    messages:
    {
	username: " Obbligatorio! Inserisci uno username!",
        password: {
			 required: " Obbligatorio! Inserisci una password!",
			 minlength: " La password deve contenere minimo 6 caratteri!"
		},
        password2: "Attenzione! Le password devono coincidere!",
	email:{  
            required: "Il campo email è obbligatorio!",  
            email: "Inserisci un valido indirizzo email!",  
            remote: "Esiste già una registrazione per questo indirizo email! Esegui la procedura di smarrimento password!"  
            },
    },
    submitHandler: function (form) { /* gestore submit del form */
        /* eventuali controlli ... */
	form.submit();
    }
});

in locale tutto funziona, mentre caricato sul web cliccando su registrati non accede nulla…

C'è qualche errore???

**cavicchiandrea** · 01-02-2012, 14:59

Con firefox 9.0 funziona

**antotan** · 01-02-2012, 19:06

Fa attenzione che qui:

codice:

	email:{  
            required: "Il campo email è obbligatorio!",  
            email: "Inserisci un valido indirizzo email!",  
            remote: "Esiste già una registrazione per questo indirizo email! Esegui la procedura di smarrimento password!"  
            },

c'è una virgola di troppo (quando chiudi la graffa dell'oggetto) essendo email l'ultimo elemento.
IE (dall'8 o dal 7 in giù, non ricordo) potrebbe fallire il parsing del codice.

**ales_10it** · 01-02-2012, 20:43

intanto ringrazio entrambi per le risposte, per quanto riguarda la virgola, ho corretto quella parte di codice.

per quanto riguarda il mio problema invece, credo di nn essermi spiegato bene:
jquery funziona anche a me, quindi se inserisco dei dati nn corretti (es. password < di 6 caratteri; email senza @ e .) lui non manda anvanti il form. ma se compilo il form in maniera corretta una volta premuto il tasto REGISTRATI, dovrebbe richiamare la pagina iscrizione_save.php. A voi fa arrivare a quella pagina? in locale a me funziona mentre sul sito non riesco a farlo andare!!!!

**antotan** · 01-02-2012, 20:47

Originariamente inviato da ales_10it
intanto ringrazio entrambi per le risposte, per quanto riguarda la virgola, ho corretto quella parte di codice.

per quanto riguarda il mio problema invece, credo di nn essermi spiegato bene:
jquery funziona anche a me, quindi se inserisco dei dati nn corretti (es. password < di 6 caratteri; email senza @ e .) lui non manda anvanti il form. ma se compilo il form in maniera corretta una volta premuto il tasto REGISTRATI, dovrebbe richiamare la pagina iscrizione_save.php. A voi fa arrivare a quella pagina? in locale a me funziona mentre sul sito non riesco a farlo andare!!!!

prova a sostituire

codice:

form.submit();

con

codice:

if(form.jquery) {
  form.get(0).submit();
} else {
  form.submit()
}

**ales_10it** · 01-02-2012, 21:26

niente, anche cosi nn va…

quello che non capisco è xche in locale vada senza problemi...

**cavicchiandrea** · 01-02-2012, 21:30

Ho qualche dubbio su questo pezzo di codice:

codice:

email: {
			required: true, /* obbligatorio */
			email: true, /* attiva il controllo sulla validit� di un indirizzo email */
			remote:{  
            	url: "verifica_email.php",  
            	type: "post"  
            }

verifica url che la pagina funzioni bene

**antotan** · 01-02-2012, 21:31

Se inserisco i dati e tramite console di Chrome faccio

codice:

document.getElementById("myform").submit()

mi registro:

INSERT INTO utenti (email, password, key_control) VALUES ('aasdf@t.it','4297f44b13955235245b2497399d7a93',' omvMAVEXadgj50FXxTlInMALR6ve4IHKv6YwT7pT')inserime nto avvenuto
Un email é stato inviato per confermare l'attivazione del tuo account

Prova a controllare se la submitHandler viene eseguita innanzitutto.

**ales_10it** · 01-02-2012, 21:47

Originariamente inviato da cavicchiandrea
Ho qualche dubbio su questo pezzo di codice:

codice:

email: {
			required: true, /* obbligatorio */
			email: true, /* attiva il controllo sulla validit� di un indirizzo email */
			remote:{  
            	url: "verifica_email.php",  
            	type: "post"  
            }

verifica url che la pagina funzioni bene

TROVATO!!!

c'èra un errore sulla pagina di remote, e quindi non dava la possibilità di andare avanti con la registrazione non riusciva a controllare l'email!!!

vi ringrazio per l'aiuto

Discussione: Jquery Validator

Strumenti discussione

Ricerca discussione

Visualizza

Jquery Validator

Re: Jquery Validator

Permessi di invio