Cara membuat validasi form login dengan javacript

,

Gambar 0.1 Javascript.
Validasi itu ketika ada orang ngisi form secara asal2an validasi inilah yang akan mencegah data lanjut ke server. Jadi nanti gak erorr. Validasi juga mencegah adanya spam. Dan untuk mencegah agar org lain yg ngisi form gak asal. Sesuai dengan semestinya. Bila ada yg salah validasi akan bekerja, nah kalo sudah bener semua bisa javascript ini mempersilahkan, bahasa gampangnya.
Oke berikut scriptnya.


<script>
function validasi(){
var namaValid = /^[a-zA-Z]+(([\'\,\.\- ][a-zA-Z ])?[a-zA-Z]*)*$/;
var emailValid = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$/;
var nama = login.nama.value;
var email = login.email.value;
var pesan = '';
if (nama == '') {
pesan = '-Nama tidak boleh kosong\n';
}
if (nama != '' && !nama.match(namaValid)) {
pesan += '-nama tidak valid\n';
}
if (email == '') {
pesan += '-email tidak boleh kosong\n';
}
if (email !='' && !email.match(emailValid)) {
pesan += '-alamat email tidak valid\n';
}
if (pesan != '') {
alert('Maaf, ada kesalahan pengisian.\n'+pesan);
return false;
}
return true
}
</script>

<fieldset>
<legend>Login</legend>
<form name="formulir" action="login.php" method="post" onSubmit="return validasi()">
Nama:*<br/>
<input type="text" name="nama" placeholder="Masukan Nama...." />
Email:*<br/>
<input type="text" name="email" placeholder="Masukan Email..." />
<input type="submit" value="Login" name="submit" />
</form>
</fieldset>


Diedit sesuka hati, silahkan. Simpan dengan extensi html, Misal: login.html
Bila ada kesalahan script tanyakan dikomentar. Trimakasih.

Tidak ada komentar:

Posting Komentar

Maaf, fitur koment hanya untuk pengguna akun goggle saja.
Dikarenakan untuk meminimalisir komentar spam.