Come usare JS per Posta Forms

September 15

Come usare JS per Posta Forms


moduli HTML, visto in una varietà di forme e stili, sono alcuni degli strumenti utenti Internet utilizzano per inviare le informazioni al server Web. Una forma tipica contiene campi di input, etichette e un pulsante "Invia". Quando un utente fa clic sul pulsante, il browser invia i form. A volte si può decidere di ignorare questo comportamento e inviare automaticamente un modulo senza l'intervento dell'utente. Fate questo utilizzando JavaScript. JS ha un metodo "invia" si può chiamare ogni volta che è necessario inviare un modulo.

istruzione

1 Aprire uno dei documenti di più pagine Web e incollare il codice riportato di seguito nella sezione corpo del documento:

<Form id = name = azione "TestForm" "TestForm" = "process_form.php">
Nome: <input type = 'text' name = 'firstName' />
Città: <input type = "text" name = "città" />
<Input type = "submit" value = "Invia" />
</ Form>

<a href="javascript:autoSubmit('testForm')"> Auto Test Invia </a>

Il tag form crea una semplice che contiene un pulsante "Invia". Sostituire "process_form.php" con il nome della pagina Web che elaborano la forma. L'ultima riga di codice sotto il modulo permette di testare la presentazione automatica. Quella linea di codice crea un collegamento. Quando si fa clic sul collegamento, una funzione denominata JS corre "TestForm" ed esegue il metodo "invia". Si noti che il codice passa il valore del modulo "id" per la funzione.

2 Aggiungere la seguente funzione TestForm alla sezione dello script del documento:

Funzione autoSubmit (formid) {
var formObject = document.getElementById (formid);
formObject.submit ();
}

Questa funzione riceve l'ID del modulo passata ad esso ed esegue il metodo "invia", che invia il modulo.

3 Salvare il documento. Avviare un browser e aprire il documento è stato salvato per visualizzare il modulo. Fai clic su "la" Auto test Invia "link. Le piste di codice JS e invia il modulo.

Consigli e avvertenze

  • Questo esempio utilizza un collegamento per testare la funzione autoSubmit JS. Tuttavia, è possibile chiamare questa funzione ogni volta che vuoi quando si desidera inviare un modulo senza richiedere all'utente di cliccare il vero pulsante "Invia". Essere sicuri di dare la forma di un valore di "id", come mostrato nell'esempio e passare che id alla funzione JS.