Codice JavaScript per un pulsante Invia

June 20

Si utilizza un modulo Web per raccogliere informazioni dai visitatori del tuo sito web, come ad esempio chi si iscrive a una mailing list o l'invio di un messaggio a un indirizzo e-mail. Per passare queste informazioni attraverso un server Web, è necessario aggiungere un pulsante di invio al form. Si può programmare a chiamare una funzione JavaScript quando l'utente fa clic e definire la funzione altrove nel file HTML.

Modulo

Un pulsante di invio è una parte di un modulo Web che prende le informazioni delle forniture utente nei campi del form, che possono includere caselle di testo, caselle di controllo o pulsanti di opzione, e lo invia a un server. Come parte del pulsante di invio, è possibile includere una chiamata a una funzione JavaScript che elabora le informazioni prima di inviarlo, come ad esempio convalida che un numero è entro un certo range, o che una stringa contenente un numero specifico di caratteri.

pulsante Invia

Creare un pulsante di invio utilizzando un tag input e l'uso "invia" come valore per l'attributo type e digitare il nome della funzione JavaScript per l'attributo evento onclick. Ad esempio, digitare "<type = ingresso" "value =" pulsante Invia "onclick =" submitForm () "/>" per creare un pulsante HTML che chiama una funzione JavaScript per elaborare i dati. Quando l'utente fa clic sul pulsante di invio, l'evento onclick passa i dati del modulo alla funzione JavaScript.

Funzione JavaScript

È possibile creare la funzione JavaScript submitForm sia nello stesso file HTML che ha il pulsante di invio o nel file di destinazione specificato dall'attributo azione del tag form. Passare la forma stessa come parametro per la funzione in modo da poter convalidare i suoi elementi. Se qualcosa non passa la convalida, avvisare l'utente di correggere gli errori e fare nuovamente clic sul pulsante di invio. Quando tutto convalida, utilizzare presentare il JavaScript () per inviare i dati del modulo al server, ad esempio digitando "document.formName.submit (modulo);" come ultima riga della funzione.

avvertimento

Se un visitatore al tuo sito web ha disattivato JavaScript sul suo computer, la funzione di presentare non farà nulla se si fa clic. Ciò significa che pulsante di invio del modulo Web non può convalidare qualunque informazione o inviarlo a un server per l'elaborazione. Per evitare questa situazione, il programma di una funzione che gestisce i visitatori che hanno disattivato JavaScript o utilizzare un altro linguaggio di programmazione web come PHP per rendere il vostro modulo.