Campo ora

**Fabyo88** · 05-12-2009, 11:05

Salve, sto creando un form per la prenotazione di una festa.
Ora il mio problema è il seguente: l'utente dovrà inserire l'orario, ma per evitare errori vorrei fare in modo che nel campo dell'ora entrassero solo 5 caratteri (00:00) e quando l'utente scrive l'orario, non si cancella tutto, ma solo la cifra che sta per scrivere.

es:
se l'utente digita solo il 2, nel form deve comparire 20:00, se digita 1234, dovrà uscire l'orario 12:34.

aspetto vostre nozitie grz

**carlo2002** · 05-12-2009, 11:14

Per evitare errori di digitazione da parte dell'utente ti consiglierei di fare due select, una per le ore e una per i minuti.

**daniele_dll** · 05-12-2009, 19:32

Ciao,

la richiesta non ha nulla a che fare con php che è un linguaggio server side che si limita a ricevere quello che il browser invia ma più con Javascript e/o HTML.

Ti sposto nella sezione javascript.

**Fabyo88** · 06-12-2009, 11:59

Originariamente inviato da carlo2002
Per evitare errori di digitazione da parte dell'utente ti consiglierei di fare due select, una per le ore e una per i minuti.

Ci avevo pensato, ma ho notato che in alcuni siti (che al momento non ricordo) questa funzione era fatta con le data. per esempio se io digitavo 11122009, nell'input in automatico compariva scritto in questo modo 11/12/2009. quindi penso che sia una cosa possibile.

fatemi sapere

PS: grazie per il cambio di sezione

**cavicchiandrea** · 06-12-2009, 13:41

Vedi se cosi possa andare bene:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<script type="text/javascript">
function FormattaOra(ora){
var maxora = "24"
var maxminuti = 59
if(ora.value.length<4){
alert("Errore orario troppo corto");}
else if(ora.value.length>4 && ora.value.indexOf(":")==-1){
alert("Errore inserisci massimo 5 caratteri compresi i 2 punti :");
ora.value=ora.value.replace(ora.value.substr(2),':');}
else if(!ora.value.match(/^[0-9 :]/g)){
alert("Inseire l\'ora nel formato 00:00");ora.value=''}
else if(ora.value.substr(0,2)>maxora){
alert("Ora errata");
ora.value='';
}else if((ora.value.substr(3,5)>maxminuti) || (ora.value.substr(2,3)>maxminuti)){
alert("Minuti errati");
ora.value=ora.value.substr(0,ora.value.length-2);}
else if(ora.value.indexOf(":")==-1){
ora.value=ora.value.replace(ora.value.substr(2),':')+ora.value.substr(2,4)
}
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
<input type="text" name="ora" id="ora" onblur="FormattaOra(this)" />
</form>
</body>
</html>

Consiglio verifica il campo anche al submit del forum

**Fabyo88** · 11-12-2009, 10:56

il codice che mi hai dato non so perchè ma non funziona, non mi da nessun alert, comunque ho ovviato al problema specificando accanto il formato dell'ora. ora volevo inserire la funzione

this.value.replace

come mi hai scritto tu, ma invece di consentire solo quei caratteri, li esclude XD

come posso invertire la cosa?

**cavicchiandrea** · 11-12-2009, 17:30

Ma... non ho capito cosa vuoi dire, comunque l'esempio postato l'ho preventivamente testato e funziona perfettamente, forse è stato nel copia/incolla, per risolvere posta il link alla pagina pubblica.

Discussione: Campo ora

Strumenti discussione

Ricerca discussione

Visualizza

Campo ora

Permessi di invio