Inserire in automatico lo slash nel formato data gg/mm/aaaa

Autore: Luca Ruggiero | Tell a Friend Corso Java Impara a programmare col linguaggio OOP della Sun. Corso Javascript e DHTML Impara a creare controlli ed animazioni! Corso Web Design Disegno di siti Web con HTML, CSS e Dynamic HTML.

Molti programmi ad interfaccia DOS ci hanno abituato ad inserire la data anche senza includere il carattere / come separazione tra giorno e mese, e mese ed anno. Si tratta di null'altro di una banale ma intelligente operazione di lavoro con le stringhe.

Tenterò di essere un attimo più chiaro in merito all'esempio che andremo a svolgere: io sono nato il 12 Aprile del 1978, quindi la mia data di nascita in formato gg/mm/aaaa è 12/04/1978. Il controllo che imposteremo su un generico campo (dedicato alla) data di un modulo mi consentirà di inserire la mia data di nascita come 12041978 e provvederà in automatico alla separazione con i caratteri /.

Creiamo un modulo:

<form name="modulo">
    <input type="text" name="data">
    <input type="button" value="OK" onClick="DataTest()">
</form>

function DataTest()
{
    var data = document.modulo.data.value;
    var lunghezza = data.length;
        if (isNaN(data))
        {
            alert("Inserire solo caratteri numerici");
            document.modulo.data.value = "";
            document.modulo.data.focus();
        }
        else if (lunghezza == 8)
        {
            var dividi_gg = data.substring(0,2);
            var dividi_mm = data.substring(2,4);
            var dividi_aaaa = data.substring(4,8);
            document.modulo.data.value = dividi_gg + "/" + dividi_mm + "/" + dividi_aaaa;
        }
        else
        {
            alert("Inserire 8 caratteri numerici");
            document.modulo.data.value = "";
            document.modulo.data.focus();
        }
}