Controllo data in Javascript e messaggio di errrore
- Marzo 26, 2010
- by
- Donatantonio
La funzione check_longdate permette di controllare la correttezza di una data nel formato aaaammgg restituendo nel caso contrario un messaggio di errore da visualizzare direttamente nella pagina.
Immaginiamo ad esempio ad una form che dopo aver fatto scegliere una data visualizzi, in un div inizialmente vuoto, un messaggio di errore nel caso in cui la data non sia corretta.
Ecco il codice della funzione.
function check_longdate(aaaammgg,id_tag){
if(isNaN(aaaammgg)){
document.getElementById(id_tag).innerHTML="Data non valida!";
return false;
}
if(aaaammgg.length!=8){
document.getElementById(id_tag).innerHTML="Data non valida!";
return false;
}
var anno = aaaammgg.substring(0,4);
var mese = aaaammgg.substring(4,6);
var giorno = aaaammgg.substring(6,8);
if(anno>1900 && anno<3000 && mese>0 && mese<13 && giorno>0 && giorno<32){
return true;
}else{
document.getElementById(id_tag).innerHTML="Formato data non valido!";
return false;
}
}
Quindi un esempio di form che richiami la funzione:
<html>
<head>
<title>Controllo Data</title>
<script type="text/javascript" src="check_longdate.js"></script>
<script type='text/javascript'>
function Controllo(){
var g = document.data.g.value;
var m = document.data.m.value;
var a = document.data.a.value;
var d = a+""+m+""+g;
if(check_longdate(d,'box')==true){
document.data.submit();
}
}
</script>
</head>
<body>
<form method='post' name='data' action='pagina.php'>
Giorno <input type='text' maxlength='2' name='g' /> / Mese <input type='text' maxlength='2' name='m' /> / Anno <input type='text' maxlength='4' name='a' />
<span id='box' style='color:#FF0000'></span>
<input type='button' value='Conferma' onClick="Controllo()"/>
</form>
</body>
</html>
La funzione accetta due parametri : la stringa contenente la data nel formato aaaammgg e l’id del box nel quale far comparire l’eventuale messaggio di errore.
