Validasi password dengan Javascript

Posted on Updated on


Sekarang kita membuat validasi password dengan JavaScript sebenarnya caranya sangad mudah ….dulu saya belajar di webnya om gede tentang validasi password nah sekarang saya akan mengulang sedikit tentang validasi password dengan javascript . konsep nya hanya di script yang akan kita beri validasi nya saja kita memfokuskan validasinya dengan menambahkan p1 = document.frm.pass1.value;   jika password yang akan di beri validasi jika yangg lain maka tinggal ganti jha tulisan yang berwarna biru …..baiklan langsung ke contoh aja yuk…….

masukan script / code di bawah ini :

function cekPass()
{
	p1 = document.frm.pass1.value;
	p2 = document.frm.pass2.value;
	if(p1==p2)
	{
		document.frm.btn.disabled=false;
		document.frm.nama.disabled=false;
		document.frm.alamat.disabled=false;
		document.frm.tanggal.disabled=false;
	}
	else
	{
		document.frm.btn.disabled=true;
		document.frm.nama.disabled=true;
		document.frm.alamat.disabled=true;
		document.frm.tanggal.disabled=true;
	}
}

<fieldset>
<legend>Pendaftaran Member</legend>
<form name="frm" method="post">
<table>
<tr><td>Password </td><td>: <input type="password" name="pass1" onChange="cekPass();"></td></tr>
<tr><td>Ulangi Password </td><td>: <input type="password" name="pass2" onChange="cekPass();"></td></tr>
<tr><td>Nama  anda</td><td>: <input type="text" name="nama" disabled="true"></td></tr>
<tr><td>Alamat anda</td><td>: <input type="text" name="alamat" disabled="true"></td></tr>
<tr><td>Tanggal lahir</td><td>: <input type="text" name="tanggal" disabled="true"></td></tr>
<tr><td colspan=2><input type="submit" name="btn" disabled="true" value="Kirim Inputan"></td></tr>
</form>
</fieldset>

setelah kita memsukan sscript diats maka tampilanya akan menghasilkan form dibawah
oke silahkan di coba semoga bermanfaat ...

//
Pendaftaran Member

Password :
Ulangi Password :
Nama anda :
Alamat anda :
Tanggal lahir :

2 thoughts on “Validasi password dengan Javascript

    Liputan Kami said:
    July 10, 2012 at 6:49 am

    Mas, mau tanya..
    fungsi dari disabled itu apa mas ?

    Terima kasih..

      mazadie responded:
      July 10, 2012 at 7:20 am

      fungsi disabled itu untuk mematikan atau untuk me non aktifkan fungsi
      contoh seperti ini

      function cekPass()
      {
      p1 = document.frm.pass1.value;
      p2 = document.frm.pass2.value;
      if(p1==p2)
      {
      document.frm.btn.disabled=false;
      document.frm.nama.disabled=false;
      document.frm.alamat.disabled=false;
      document.frm.tanggal.disabled=false;
      }
      setelah password sama username nya benar if(p1==p2)
      maka form btn di nonaktifkan
      form nama di nonaktifkan
      dan seterusnya

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