Moduli HTML, visti in una varietà di forme e stili, sono alcuni degli strumenti che gli utenti Internet utilizzano per inviare 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 il modulo. A volte è possibile eseguire l'override di questo comportamento e inviare un modulo automaticamente senza l'intervento dell'utente. Eseguire questa operazione utilizzando JavaScript. JS ha un metodo di "presentare" è possibile chiamare ogni volta che è necessario inviare un modulo.

Istruzioni

1

Aprire uno dei vostri documenti di pagina Web e incollare il codice riportato di seguito nella sezione body del documento:

< id modulo = "testForm" name = "testForm" action="process_form.php" >
Nome: < input type = 'testo' nome = 'nome' / >
Città: < input type = "testo" nome = "città" / >
< input type = "submit" value = "Submit" / >
< / form >

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

Il tag form crea un semplice per che contiene un pulsante "Invia". Sostituire "process_form.php" con il nome della pagina Web che il modulo di processo. L'ultima riga di codice riportato di seguito il modulo vi permette di testare auto presentazione. Questa riga di codice crea un collegamento. Quando si fa clic sul link, una funzione JS denominata "testForm" viene eseguita ed esegue il metodo "submit". Si noti che il codice passa il valore di "id" del form alla funzione.

2

Aggiungere la seguente funzione di testForm alla sezione script del documento:

Function autoSubmit(formID) () {
var formObject = document.getElementById(formID);
formObject.submit();
}

Questa funzione riceve l'ID del form passato ed esegue il metodo "submit" che invia il form.

3

Salvare il documento. Avviare un browser e aprire il documento salvato per visualizzare il modulo. Fare clic su "link"Test Auto Submit". Il codice JS viene eseguito e invia il modulo.

Consigli & Avvertenze

• Nell'esempio riportato di seguito un link viene utilizzata per testare la funzione JS autoSubmit. Tuttavia, è possibile chiamare questa funzione ogni volta che volete quando volete inviare un modulo senza richiedere all'utente di fare clic sul pulsante "Invia" reale. Essere sicuri di dare la forma di un valore di "id" come mostrato nell'esempio e passare tale id alla funzione JS.