Obbligare inserimento data in un determinato formato

**nikitoz78bs** · 08-02-2013, 16:41

Salve,
ho un form denominato form2 con un campo data e questo campo è già obbligatorio.

<input name="datainizio" type="text" id="datepicker" value="" size="10">

mi servirebbe però che l'utente fosse obbligato ad inserire la data nel formato yyyy-mm-dd
come posso fare?
grazie

**br1** · 08-02-2013, 18:21

Controlla a posteriori e, se non corretto... bacchettata!

Senz'altro piu' facile a farsi che non un controllo durante la digitazione...

**carlomarx** · 09-02-2013, 08:05

Concordo con br1...

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Esempio</title>
<script type="text/javascript">
function checkDate (sToBeParsed) {
	// yyyy-mm-dd
	var aDate = sToBeParsed.split("-");

	for (var nIdx = 0; nIdx < aDate.length; aDate[nIdx] = parseFloat(aDate[nIdx++]));

	var
		oParsedDate = new Date(aDate[0], aDate[1] - 1, aDate[2]),
		bIsValid = /^\d{4}\-\d{2}\-\d{2}$/.test(sToBeParsed) && !isNaN(oParsedDate.getTime()) && aDate[0] === oParsedDate.getFullYear() && aDate[1] === oParsedDate.getMonth() + 1 && aDate[2] === oParsedDate.getDate();

	if (!bIsValid) { alert("Inserire una data in formato \"aaaa-mm-gg\"."); }

	return bIsValid;

}
</script>
</head>

<body>

<form name="tuoForm" onsubmit="return checkDate(this.nascita.value);">



Inserisci la tua data di nascita: <input type="text" name="nascita" /></p>



<input type="submit" value="Invia" />

</form>

</body>

</html>

**nikitoz78bs** · 09-02-2013, 10:55

Perfetto grazie!
Ho solo due piccole aggiunte da richiedere e non capisco come integrarle:
- la data deve essere diversa da 0000-00-00
- avrei due campi data (datainizio e datafine). Ho messo lo script e nel form ho fatto: onsubmit="return checkDate(this.datainizio.value);return checkDate(this.datafine.value)"
ma il secondo check non me lo prende

**carlomarx** · 09-02-2013, 18:44

Originariamente inviato da nikitoz78bs
- la data deve essere diversa da 0000-00-00

0000-00-00 dà errore infatti, perché non è una data valida…

Originariamente inviato da nikitoz78bs
- avrei due campi data (datainizio e datafine). Ho messo lo script e nel form ho fatto: onsubmit="return checkDate(this.datainizio.value);return checkDate(this.datafine.value)"

Fa' così:

codice:

onsubmit="return checkDate(this.datainizio.value) && checkDate(this.datafine.value);"

**nikitoz78bs** · 11-02-2013, 13:01

Funziona perfettamente! Grazie!

**Al_katraz984** · 11-02-2013, 16:39

html5 solution:

<input type="date" id="date" name="date" pattern="(?:19|20)[0-9]{2}-(?

?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?

?!02)(?:0[1-9]|1[0-2])-(?:30))|(?

?:0[13578]|1[02])-31))" required />

*faccine tristi incluse...

Discussione: Obbligare inserimento data in un determinato formato

Strumenti discussione

Ricerca discussione

Visualizza

Obbligare inserimento data in un determinato formato

Permessi di invio