Nwlapcug.com


Come fare un campo obbligatorio in un Form

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".