Salam blogger :D
Kali ini saya mempost bagaimana cara melakukan validasi di form dalam HTML menggunakan JAVASCRIPT. Post ini terinspirasi dari tugas oleh guru saya yang mengharuskan saya membuat form , dimana form yang saya buat bila tidak diisi salah satu input nya, maka akan mengeluarkan alert. Lalu saya coba utak atik di w3schools ternyata kodingnya ada :D , berikut adalah koding dari validasi javascript
function validateForm()
{
var x=document.forms["myForm"]["nama"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;}}
Keterangan:
function validateForm()
Nama Fungsi yang akan dipanggil nantinya.
var x
Variable, Nilai "x" bisa diganti nantinya dengan variabel "nilai" atau lainnya
document.forms["myForm"]["nama"].value
["MyForms"] -> Nama dari Form kita (Form name="")
["nama"] -> Nama dari input kita, (input name="")
if (x==null || x=="")
Kondisi atau rumus, jadi jika variabel x bernilai kosong atau variable x tidak diisi lalu...
alert("First name must be filled out");
return false;
Peringatan, kode ("first name must be filled out"); bisa diganti sesuka anda
Sekarang cobalah untuk menulis seluruh kode ini, pastekan di notepad anda dan jalankan.
<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()
{
var x=document.forms["myForm"]["nama"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="#" onsubmit="return validateForm()" method="post">
<table><tr><td>
First name:</td><td> <input type="text" name="nama"></td></tr>
<tr><td>
<input type="submit" value="COBA"></td></tr>
</table>
</form>
</body>
</html>
Hasilnya:
Bagaimana Hasilnya? :D Silahkan anda terapkan di tugas anda :P
Semoga Beruntung ya Gan
1 komentar:
Ngajak Geger Ke ...!!!
Posting Komentar