Tanpa panjang lebar,mari kita mulai saja.
Validasi untuk penulisan alamat email akan dibutuhkan pada suatu form pendaftaran yang mana harus melampirkan alamat email, yang tentu saja format penulisannya harus benar.
Berikut langkah pembuatan validasi penulisan alamat email :
1. Buat file validasi_email.js yang berisikan sorce berikut :
function cekEmail(idFormEmail) {
var vEmail = document.getElementById(idFormEmail).value;//memanggil nilai yang ada pada Form berdasarkan ID
if ((vEmail==”")&&(vEmail.replace(/ /,”")==”")) {
document.getElementById(‘msg_’+idFormEmail).innerHTML = “Tidak boleh kosong!”;
}
else {
var emailfilter=/^.+@.+\..{2,3}$/
var returnval=emailfilter.test(vEmail);
if (returnval==false) {
document.getElementById(‘msg_’+idFormEmail).innerHTML = “Format Penulisan Email Salah.”
}
else {
document.getElementById(‘msg_’+idFormEmail).innerHTML = “”;
}
}
}
2. Buat File index.html yang berisikan sorce berikut :
<html>
<head>
<title>Validasi penulisan Alamat Email</title>
<script src=”validasi_emai.js” language=”javascript” type=”text/javascript”></script>
<!– Style CSS –>
<style>
.error {
color:#C00;
}
</style>
</head><body>
<table width=”487″ border=”0″ cellspacing=”0″ cellpadding=”4″>
<tr>
<td width=”29%” height=”39″ align=”left” valign=”top”>Email (*)</td>
<td width=”2%” align=”left” valign=”top”>:</td>
<td width=”69%” align=”left”><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>
<input name=”user_mail” type=”text” id=”user_mail” size=”30″ onchange=”cekEmail(‘user_mail’)”/>
<span id=”msg_user_mail”></span>
</td>
</tr>
<tr>
<td><span>Contoh : admin@yahoo.com</span></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
3. Selesai…
Silahkan di coba, hasilnya sebagai berikut :
- Kondisi Awal
- Kondisi Penulisan Alamat Email Salah
Contoh : tuliskan “warman” pada form !
- Kondisi Penulisan Alamat Email Benar
Contoh : tuliskan “warman@yahoo.com” pada form!
- Kondisi Form Kosong
Contoh : coba anda kosongkan form!
Selamat Belajar, Silahkan dikembangkan…
By : warman
Diskusi
Belum ada komentar.