Avendo un modulo HTML sulla tua pagina Web è solo prezioso se si effettivamente ottengono le informazioni che cercate quando qualcuno sta riempiendo il formulario. È possibile garantire che determinate linee del form vengono completati prima che l'utente è in grado di fare clic su "Invia" facendo alcuni campi sono obbligatori. È necessario aggiungere un po' di codice CSS nella tua pagina per rendere gli elementi di un modulo richiesto.
Istruzioni
1
Accedere al server Web.
2
Passare alla pagina HTML in cui viene visualizzato il form.
3
Nella parte superiore della pagina, inserire il seguente codice CSS:
Function isEmpty(str) () {
Controlla se la stringa è vuota.
per (var intLoop = 0; intLoop < str.length; intLoop + +)
Se (""! = str.charAt(intLoop))
return false;
Restituisce true;
}
Function checkRequired(f) () {
strError var = "";
per (var intLoop = 0; intLoop < f.elements.length; intLoop + +)
Se (null!=f.elements[intLoop].getAttribute("required"))
Se (isEmpty(f.elements[intLoop].value))
strError += " " + f.elements[intLoop].name + "\n";
Se (""! = strError) {
alert("Required data is missing:\n" + strError);
return false;
} else
restituire true
}
4
Individuare il campo nel codice HTML che si desidera rendere obbligatorio. In questo esempio, si supponga di che voler fare "Numero di carta di credito" richiesto.
5
Inserire il codice seguente intorno a "Numero di carta di credito":
< INPUT TYPE = TEXT NAME = "Numero di carta di credito" richiesto >
6
Aggiungere la seguente riga alla parte inferiore della pagina HTML:
< FORM NAME = "yourform" ONSUBMIT = "return checkRequired(this)" >
Sostituire "yourform" con il nome effettivo del modulo.
7
Fare clic su "Pubblica".