April 10
Forme alimentati da uno script jQuery utilizzare il ") serializeArray (" funzione per trovare ogni campo del modulo e salvare le sue informazioni a un array. Un array è come una variabile, ma contiene più valori invece di uno solo. Dal momento che contiene più valori, è necessario fare lavoro extra per ottenere quei valori e li uscita posteriore per l'utente. Il "ciascuno) (" funzione jQuery gestisce la maggior parte di quel lavoro, scorrendo ogni valore e l'esecuzione di codice che si inserisce all'interno della funzione.
1 Aprire la pagina Web che contiene il modulo in Blocco note o un editor di codice e aggiungere il file della libreria jQuery, se non è già presente:
<Tag script nel codice HTML.
2 Aggiungere un nuovo paio di "<script>" tag sotto i riferimenti ai file di jQuery e scrivere la funzione "documento pronto" per forzare lo script per attendere che la pagina di termine del caricamento prima di eseguire:
<Script type = "text / css">
$ (Function () {
});
</ Script>
3 Selezionare il modulo e creare una nuova funzione attivata dall'evento "submit":
<Script type = "text / css">
$ (Function () {
$ ( 'Forma'). Presentare (function () {
});
});
</ Script>
4 Utilizzare "serializeArray ()" per ottenere l'input dalla forma e di trasformarlo in una variabile di matrice che memorizza tutti i dati:
<Script type = "text / css">
$ (Function () {
$ ( 'Forma'). Presentare (function () {
formInput = $(this).serializeArray();
});
});
</ Script>
Il "$ (this)" selettore seleziona l'elemento HTML dalla funzione genitore nello script, in questo caso il modulo Web. Impostare uguale a una variabile in modo da poter manipolare i dati in seguito.
5 Aggiungi "return false" per lo script, all'interno della funzione "invia ()", per evitare che il pulsante Invia di inviare l'utente a una nuova pagina.
<Script type = "text / css">
$ (Function () {
$ ( 'Forma'). Presentare (function () {
formInput = $(this).serializeArray();
return false;
});
});
</ Script>
6 Aggiungere questo codice al "submit ()" la funzione di uscita dei risultati del modulo a un insieme vuoto di "<div>" tag con un nome ID di "risultati":
$ .Ogni (FormInput, la funzione (i, campo) {
. $ ( '#') Risultati aggiungere (field.name + ":" + field.value + "");
});
Il "ciascuno) (" funzione jQuery scorre ogni valore nella matrice creato da "serializeArray ()" e aggiunge sia il nome e il valore di ogni campo. Il valore di un campo rappresenta l'input dall'utente.