Validasi Dalam Form


Melakukan validasi terhadap form yang dibuat dengan tujuan mencegah agar program tidak menerima atau menyimpan data input yang tidak sesaui dengan semestinya.

 

Contoh Script ke-1:

<HTML>
<HEAD>
<TITLE>Validasi</h2></TITLE>
<script language=”javascript”>
function validasi(){
if (document.form.txtun.value.length<=0){
alert(“Username tidak boleh dikosongkan.”);}
else if (document.form.txtpass.value.length<=0){
alert(“Password harus diisi.”);}
else if (document.form.txtcmpass.value.length<=0){
alert(“confirm Password harus diisi.”);}
else if (document.form.txtpass.value != document.form.txtcmpass.value){
alert(“Password berbeda dengan Confirm Password”);}
else {
alert(“Anda berhasil melakukan registrasi”);}
}
</script>
</HEAD>

<BODY>
<h2 align=”Center”>Pendaftaran Akun</h2>
<form name=”form” align=”center”>
<PRE>
User name        : <input type=”text” name=”txtun”>
Password        : <input type=”text” name=”txtpass”>
Confirm Password    : <input type=”text” name=”txtcmpass”>
<br>
<input type=”button” value=”Buat Akun” name=”btnbuat” onClick=”validasi()”><input type=”reset” value=”Ulang”>
</form>
</BODY>
</HTML>

 

Contoh Script ke-2 :

<HTML>
<HEAD>
<TITLE>Validasi</h2></TITLE>
<script language=”javascript”>
function validasi(){
var str, error;
str=””;
error=0;
if (document.form.txtun.value.length<=0){
str += “-Username belum anda isi.\n”;
error++;}
if (document.form.txtpass.value.length<=0){
str += “-Password belum anda isi.\n”;
error++;}
if (document.form.txtcmpass.value.length<=0){
str += “-Confirm Password belum anda isi.”;
error++;}

if (error>0){
alert (“Pada Program Anda terdapat kelasalah berupa : \n”+str);}

if (document.form.txtpass.value != document.form.txtcmpass.value){
alert(“Password berbeda dengan Confirm Password”);}
else {alert(“Anda berhasil melakukan registrasi”);}
}
</script>
</HEAD>

<BODY>
<h2 align=”Center”>Pendaftaran Akun</h2>
<form name=”form” align=”center”>
<PRE>
User name        : <input type=”text” name=”txtun”>
Password        : <input type=”text” name=”txtpass”>
Confirm Password    : <input type=”text” name=”txtcmpass”>
<br>
<input type=”button” value=”Buat Akun” name=”btnbuat” onClick=”validasi()”><input type=”reset” value=”Ulang”>
</form>
</BODY>
</HTML>


Leave a Reply