HIMPUNANJAVASCRIPT

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

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

semakan input | membandingkan antara dua tarikh

Secara logiknya, tarikh mula tidak boleh lebih besar daripada tarikh tamat. walaubagaimanapun, kesilapan dalam memasukkan tarikh yang betul kerap berlaku. atasinya dengan skrip berikut:

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 banding_tarikh.htm.

<html>

<head>
<title>banding tarikh</title>
<script language="javascript">
function semak(){
a = Date.parse(isDateConv(document.form1.a.value))
b = Date.parse(isDateConv(document.form1.b.value))
if (a < b){
alert ("a lebih kecik dari b");
}
else{
alert ("a lebih besar dari b");
}

}

function isDateConv(var1)
	   { 
	     var datePat = /^(\d{1,2})(\/|-)(\d{1,2})\2(\d{2}|\d{4})$/; 
	     var matchArray = var1.match(datePat);
	     var tempvar;
	     day= matchArray[1]; 
	     month = matchArray[3]; 
	     year = matchArray[4]; 
	     tempvar= day + "/" +  month+ "/" + year;
	     return(tempvar);
	   }

function checkDate(mydate) 
{
  if (mydate.value != "")
  {
	len=mydate.value.length;
    var valid = "0123456789/";//input yang sah ialah 1234567890/      
    for (var i=0; i<len; i++) {
	tempVar = "" + mydate.value.substring(i, i+1);
	if ( valid.indexOf(tempVar) == "-1"){
		alert(mydate.value+' ialah tarikh yang tidak sah!\nSila masukkan tarikh dalam format dd/mm/yyyy.');
		mydate.focus();		
		return false;
						}	
				}
  	
   var dateArray = new Array(21); 
	for (var i=0; i<dateArray.length; i++)
	{
	 dateArray[i]=""} 
	 a=mydate.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] 
	 	 	 
	 if (isNaN(b)) err=1
	 if (b<1 || b>31) err = 2
	 if (!(c =='/' || c=='-')) err = 3
	 if (isNaN(d)) err=4
	 if (d<1 || d>12) err = 5
	 if (!(e =='/' || e=='-')) err = 6
	 if (isNaN(f)) err=7
	 if (f<1800 || f>9999) err = 8
	 if (g != '') err=9
	 if (d==4 || d==6 || d==9 || d==11)
		{  
		 if (b>30) err=10
		}
		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 == 1 || err == 4 || err == 7 || err == 9 ) {alert(mydate.value+' ialah tarikh yang tidak sah!\nSila masukkan tarikh dalam format dd/mm/yyyy.');
		mydate.select()
		return (false);
	 }		
	 if (err>0) {alert(mydate.value+' ialah tarikh yang tidak sah!\nSila masukkan tarikh dalam format dd/mm/yyyy.');
		mydate.select()
		return (false);
	}
	else {
		var tar = Date.parse(isDateConv(mydate.value))
		display(tar,mydate)
		return (true);
    }
   } 
}

function display(date3,input){
var tarikh=new Date(date3)

var hari=tarikh.getDate(date3)
if (hari < 10){
hari = "0" + hari
}
var bulan=tarikh.getMonth(date3)
bulan = bulan+1;
if (bulan < 10 ){
bulan = "0" + bulan
}
var tahun=tarikh.getFullYear(date3)
var nilai
nilai=hari + "/" + bulan + "/" + tahun;
input.value = nilai
return true
}  
</script>
</head>

<body>

<form name="form1" method="POST" action="--WEBBOT-SELF--">
  <p><input type="text" name="a" size="20" onblur="checkDate(this)"></p>
  <p><input type="text" name="b" size="20" onblur="checkDate(this)"></p>
  <p><input type="button" value="semak" name="B1" onclick="semak()"></p>
</form>

</body>

</html>