Mesran

Hanya ingin berbagi kebaikan dan mendapatkan kebaikan yang lain.

Validasi Angka Pada Dokumen Html

Textbox merupakan media input dari user. Sering sebuah textbox kita masukkan nilai angka, namun pada implementasinya saat di input karakter toh, tetap juga diterima.

Pada postingan ini bagaimana mengantisipasi agar textbox tersebut tidak menerima huruf, wajib angka.🙂

Silahkan anda ketikkan kode perintah berikut ini🙂


<script type="text/javascript">
	function VerifyNum(textBox){
		var nvalid = parseFloat(textBox.value) ;
		if ( isNaN(nvalid) ) {
			alert ("Nilai yang dimasukkan harus angka !");
			textBox.value = "0" ;
			return (false);
		}else{
			return (true);
		}
	}

</script>

<body>
	<form id="form1" name="frmhitung">
 		Validasi Nilai Harga Penjualan<br />
 		Harga Penjualan : <input name="harga" type="text" id="harga" onKeyUp="VerifyNum(this)" />
	</form>

</body>

Nama file : validasi.html

Hasil program bila dijalankan seperti berikut ini.

Penjelasan.

<script type="text/javascript">
	function VerifyNum(textBox){
		var nvalid = parseFloat(textBox.value) ;
		if ( isNaN(nvalid) ) {
			alert ("Nilai yang dimasukkan harus angka !");
			textBox.value = "0" ;
			return (false);
		}else{
			return (true);
		}
	}

</script>

VerifyNum : merupakan nama fungsi yang dibuat.
textBox : merupakan nilai yang berada didalam textBox yang akan dicek
nvalid : variabel untuk menyimpan hasil pengkonversian teks ke numerik.
parseFload : fungsi untuk mengkonversikan teks ke numerik
alert : merupakan dialog pesan yang muncul
isNaN : untuk mengecek apakah numerik yang dihasilkan
return : untuk pengembalian nilai

Filed under: Javascript,

Terima kasih telah memberikan komentar anda.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Archives Per Tahun

Sponsored

C&C Online Shop

Blog Stats

  • 355,762 sejak 12 Jan 2011

User’s Online


My Music

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 223 other followers

January 2012
M T W T F S S
« Dec   Feb »
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
%d bloggers like this: