domenica 5 agosto 2012

Javascript formattazione date

Questo script mi è stato utile presso un utente che nelle form di inserimento date aveva utilizzava velocemente il tastierino numerico, scrivendo quindi le date senza il separatore "/".
I controlli di congruenza della data venivano sempre svolti lato server, per evitare che il javascript potesse essere "manomesso" e quindi mandare dati sporchi in base dati.
Tuttavia era molto utile per l'utente scrivere le date in fretta e fare in modo che in automatico la procedura mettesse il carattere di separatore.
Lo script è questo:

function aggiustaData(){

var el=document.getElementById("txtData").value;

if(el.length==8){
    var giorno=el.substring(0,2);
    var mese=el.substring(2,4);
    var anno=el.substring(4,8);
    document.getElementById("txtData").value=giorno+"/"+mese+"/"+anno;
    }
    }

L'evento è richiamato all'onblur della textbox e scatta soltanto se la lunghezza del campo è di 8 caratteri.
La textbox è quindi:

<input type="text" name="txtData" id="txtData" size="15" maxlength="10" onblur="aggiustaData()" />

Di seguito l'esempio (digitare la data e poi uscire dalla textbox)


Inserire data :

Nessun commento:

Posta un commento