Nwlapcug.com


Come utilizzare JavaScript per la convalida dei campi

Come utilizzare JavaScript per la convalida dei campi


Siti Web che includono oggetti interattivi, quali forme, sono un buon modo per fornire agli utenti con contenuti dinamici. Un modulo di contatto che consente ai visitatori di comunicare con voi può includere diversi campi di testo, come nome e messaggio. Utilizzare JavaScript per evitare di ricevere contenuto vuoto convalidando i campi modulo, prima di essere presentati.

Istruzioni

1

Aprire il documento. Creare una funzione JavaScript per convalidare il tuo nome campo:

Function checkForm(theForm) () {

if (theForm.name.value == "")

{

alert("Please enter a value for the \"Name\" field.");

theForm.name.focus();

return false;

}

}

2

Digitare il nome della funzione JavaScript nel tuo tag di modulo utilizzando il metodo "onSubmit":

< nome modulo = "contattare" method = "post" action = "contact.php" onSubmit = "return checkForm(this)" >

Lo script di convalida viene eseguito quando l'utente preme il pulsante di invio. Se il campo "nome" è vuoto, lo script Invia un prompt per l'utente di inserire il suo nome e restituisce lo stato attivo al campo "nome". Il "return false" racconta il modulo non per inviare i dati. Se il campo contiene dati, il modulo viene inviato in modo definito il parametro di "azione".

3

Salvare il documento. Verificare la funzionalità aprendo la pagina in un browser Web.