HIMPUNANJAVASCRIPT

kategori skrip
:: permainan
:: navigasi
:: semakan input
:: tarikh dan masa
:: lain-lain

komuniti
.. artikel
.. sumbangan
.. sumber rujukan
.. penulis

semakan input | semak input tarikh

Format tarikh yang diterima umum di Malaysia ialah dd/mm/yyyy. Bagaimana pengguna tahu tarikh yang dimasukkan adalah di dalam format yang betul? Isi kotak input dengan format tarikh yang berlainan dan klik butang semak tarikh.

Kod Contoh

Salin skrip di bawah (klik pilih semua, klik kanan pada skrip dan pilih Copy) dan tampalkan di dalam perisian editor HTML anda (Notepad atau Frontpage). Simpan fail sebagai semak_tarikh.htm.

<html>
<script language="javascript">
<!--
function mesej(tarikh){
if (tarikh.value != ""){
	var dateArray = new Array(21); 
	for (var i=0; i<dateArray.length; i++)
{
	dateArray[i]=""} 
	a=tarikh.value 
	i=0; 
	for (var j=0; j<a.length; j++){
		if ((isNaN(a.charAt(j)))){
			i++ 
			dateArray[i]= a.charAt(j) 
			i++
			} 
			else 
			{
			dateArray[i]=dateArray[i]+a.charAt(j)
			} 
			}
			var err=0
			b = dateArray[0] 
			c = dateArray[1] 
			d = dateArray[2] 
			e = dateArray[3] 
			f = dateArray[4] 			
			g = dateArray[5] 
 			
 			//semak hari
 			if (isNaN(b)) err=1
			if (b<1 || b>31) err = 2
						
			if (!(c =='/' || c=='-')) err = 3						
			if (isNaN(d)) err=4
			
			//semak bulan			
			if (d<1 || d>12) err = 5
			
			if (!(e =='/' || e=='-')) err = 6						
			if (isNaN(f)) err=7
			
			//semak tahun(tukarkan tahun mengikut citarasa anda)
			if (f<1800 || f>9999) err = 8
			if (g != '') err=9
			
			//semak bulan yang kurang dari 31 hari
			if (d==4 || d==6 || d==9 || d==11)
				{  
					if (b>30) err=10
				}
			
			//semak tahun lompat
			if (d==2)
				{  
				var g=parseInt(f/4)
				if (isNaN(g)) 
					{
					err=11
					}
			if (b>29) err=12
			if (b==29 && ((f/4)!=parseInt(f/4))) err=13								  		
			}
			
			if (err>0) 
			{
				alert(tarikh.value+' bukan tarikh yang sah. Sila masukkan tarikh dalam format dd/mm/yyyy');
				tarikh.focus()
				return (false);
			}
			else 
			{
			return (true);
			}
			} 
		}

// -->
</script>
<body>
<p align="center">
<form name="form1">
<input type="text" name="tarikh">
<input type="button" value="Semak Tarikh" onclick="mesej(document.form1.tarikh)">
</form>
</p>
</body>
</html>