PENGENALAN DAN MEMBUAT FORM VALIDASI DENGAN JAVASCRIPT

Sebelum kita lanjut ke yang namanya codding alangkah baiknya saya menjelaskan sedikit apa sih JavaScript teh…??

JAVASCRIPT adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien. Berbentuk dari kumpulan skrip yang berfungsi untuk memberikan tampilan yang tampak lebih interaktif pada dokumen website. Mungkin bisa dibilang kalo JavaScript memberikan kemampuan tambahan kedalam bahasa pemrograman HTML . JavaScript merupakan kategori bahasa yang Case sensitive maksudnya adalah dalam penulisan skrip yang ditulis harus dapat dibedakan mana variabel dan fungsi,Huruf besar dan kecil juga harus diperhatikan.

Kenapah harus JavaScript ??
mungkin ada kelebihan dan kelemahannya.
a. Lebih praktis dan mudah, mungkin karena sedikit sintaknya

b. Koneksi cepat, sebab peletakan programnya terdapat disisi clientnya berukuran sangat kecil(tergantung juga) heheh* dan dapat dijalankan langsung di browser.

Kekurangannya
a. Pengelolaan Objeknya sangat terbatas.
b.Dapat di copy paste…untuk mahasiswa biasanya yang paling di nanti tuh(ah tapi nggak juga)*

Kalo kita mau merancang suatu halaman website, pasti kemungkinan adanya kesalahan dalam input order, form,dll. Namun dengan JavaScript dapat di minimalisir, menyaring masukan register user baru agar user tidak asal masukin username secara asal,password yang terlalu sedikit,dll. Nah oleh karena itu butuh yang namanya validasi.

Berikut adalah contoh skrip dari JavaScript untuk masalah validasi

<script type=”text/javascript”>
function hasilValidasi(){
var nama = document.getElementById(‘nama’).value;
var email = document.getElementById(’email’).value;
var komentar = document.getElementById(‘komentar’).value;
//validasi texbox
var error=””;
if(!nama){
error +=’nama kosong. ‘;
}
if(!email){
error +=’email kosong. ‘;
}else if((email.indexOf(‘@’,0)==-1)||(email.indexOf(‘.’,0)==-1)){
error +=’email salah. ‘;
}
if(!komentar){
error +=’komentar kosong. ‘;
}
if (error.length > 0) {
document.getElementById(‘hasil-validasi’).innerHTML=error;
return false;
}else {

document.getElementById(‘hasil-validasi’).innerHTML=”Success!…”;
return false;
}
}
</script>

ini hasil dari skrip diatas yang di sisipi ke form HTML

Silahkan mencoba dan membuat sendiri form HTML nya….
^^,

One thought on “PENGENALAN DAN MEMBUAT FORM VALIDASI DENGAN JAVASCRIPT

Leave a Reply

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