- Validare un form in JavaScript -
  
COSA SERVE PER QUESTO TUTORIAL
Download | Chiedi sul FORUM | Glossario Qualche conoscenza di base dell'HTML e di Javascript - Blocco Note o un qualsiasi editor di codice HTML.
Effettuare una validazione in JavaScript facoltativa

CODICE SORGENTE

<html>
<head>
<script type="text/javascript" language="javascript">
function valida() {
    var formPersona = document.forms['persona'];
    var messaggioErrore = "";
    
    if (formPersona.nome.value.length == 0 || formPersona.cani.value.length == 0 || 
       formPersona.gatti.value.length == 0) {
       
       messaggioErrore += "- si prega di non omettere nessun campo;\n";
    }
    
    if (formPersona.nome.value.length > 10) {
       messaggioErrore += "- si accettano solo persone con un nome pił breve di 10 lettere;\n";
    }
    if (parseInt(formPersona.cani.value) > 0) {
       messaggioErrore += "- non si accettano persone che hanno cani;\n";    
    }
    if (parseInt(formPersona.gatti.value) < 3) {
       messaggioErrore += "- non si accettano persone con meno di 3 gatti;\n";    
    }
    
    if (messaggioErrore == "") {
       return true;
    } else {
       alert("I dati non sono corretti: \n" + messaggioErrore)
       return false;
    }
}
</script>
</head>
<body>
    Iscrizione al sito gatti-odiano-cani.com:
    <form name="persona" onsubmit="return valida()" action="pagina_di_destinazione.htm" method="get">
    Nome: <input type="text" name="nome"><br>
    Numero di cani: <input type="text" name="cani"><br>
    Numero di gatti: <input type="text" name="gatti"><br>
    <input type="submit" value="Invia">
    <!-- 
    Impostando l'attributo type su submit gli utenti con JavaScript disattivato potranno 
    comunque accedere al servizio. La verifica lato-client non deve essere di sicurezza
    ma solamente per la comoditą dell'utente.
    La correttezza delle informazioni di un form va sempre controllata anche lato server.
    -->
    </form>
</body>
</html>
<< INDIETRO by VeNoM00