Membuat Script Validasi Javascript

Script Validasi sederhana diawah ini, di buat menggunakan dreamweaver dengan ekstensi html, tujuan dari script validasi , mungkin kita semua sudah tau, tapi yang pasti tujuan utama kita membuat validasi ini untuk menghindari input data yang acak - acak kan, baik dari admin maupun dari pengunjung web kita,

Untuk script sederhana validasi bisa dilihat dibawah ini

<html>

<head>

<title>Validasi Data Melalui onsubmit</title>

<script type="text/javascript">

function cekData()

{

// Cek isi kotak teks nama

if (formTes.nama.value == "")

{

alert("Nama harus diisi");

formTes.nama.focus();

return false;

}

// Cek isi kotak teks alamat

if (formTes.alamat.value == "")

{

alert("Alamat harus diisi");

formTes.alamat.focus();

return false;

}

// Cek isi kotak teks kota

if (formTes.kota.value == "")

{

alert("Kota harus diisi");

formTes.kota.focus();

return false;

}

// Cek isi kode pos

if (formTes.kodepos.value.length != 5)

{

alert("Kode pos harus berisi 5 angka");

formTes.kodepos.focus();

return false;

}

var kar;

for (var i=0; i<formTes.kodepos.value.length; i++)

{

kar=formTes.kodepos.value.substr(i,1);

if ((kar <="0") || (kar >= '9'))

{

alert("Kode pos harus berisi 5 angka");

formTes.kodepos.focus();

return false;

}

}

// Cek email

if (formTes.email.value == "")

{

alert("email haru diisi");

formTes.email.focus();

return false;

}

var filter = new RegExp(

"^([a-zA-Z0-9_\.\-])+([a-zA-Z0-9])+\@" +

"(([a-zA-Z0-9\-])+\.)+" +

"([a-zA-Z0-9]{2,4})+$");

if (!filter.test(formTes.email.value))

{

alert("email salah");

formTes.email.focus();

return false;

}

else

return true;

}

</script>

</head>

<body>

<form name="formTes" action="" method="post"

onsubmit="return cekData();">

<table>

<tr><td>Nama:</td><td><input type="text" name="nama"

maxlength="35" size="35" /></td>

<tr><td>Alamat:</td><td><input type="text" name="alamat"

maxlength="60" size="60" /></td>

<tr><td>Kota:</td><td><input type="text" name="kota"

maxlength="20" size="20" /></td>

<tr><td>Kode Pos:</td><td><input type="text" name="kodepos"

maxlength="5" size="6" /></td>

<tr><td>e-mail:</td><td><input type="text"

name="email" /></td>

<tr><td colspan="2"><input type="submit"

value="Kirim" /></td></tr>

</table>

</form>

</body>

</html>

Membuat Script Validasi Javascript

{ 1 komentar... Views All / Post Comment! }

Posting Komentar

teman