Cek Password yang Berlaku Menggunakan AJAX dan jQuery | Validasi Password Menggunakan AJAX dan jQuery | Validasi Password yang Berlaku Menggunakan AJAX dan jQuery

Diposting pada

Validasi Password yang Berlaku Menggunakan AJAX dan jQuery atau yang biasa disebut dengan cara cek password yang berlaku menggunakan AJAX dan jQuery, digunakan untuk memvalidasi dan mengecek keabsahan password yang diinput, apakah sesuai dengan yang ada pada databse atau tidak? inilah yang akan kita bahas pada artikel ini.


oh ya, sebelum Anda mencoba cara ini, saya ingatkan sekali lagi agar Anda terlebih dahulu memahami HTML, CSS, PHP, MySQL, jQuery dan AJAX.

ok, untuk langkah pertama, kita buat formnya dulu ya, silahkan ketikkan script berikut ini:

[html]

<form method="POST" action="">

Password:
<input type="password" id="password" name="password"><span id="pesan"></span>

<input type="submit" value="Save" name="kirim">
</form>

[/html]

Nah, kalo form udah dibuat kita langsung ke script AJAX dan jQuerynya ya?! ini fungsinya untuk cek password yang berlaku. (loh, kenapa gak styling formnya dulu? itu mah terserah Anda mau Anda style seperti apa), ok, ini scriptnya: JOSS

[php]
<script src="jquery-1.4.js"></script>
<script>
$(document).ready(function()
{
$("#password").change(function()
{
var password = $("#password").val();
$("#password").html("<img src=’loading.gif’>Cek username …");

$.ajax({type: "POST", url: "validation.php", data: "password="+password, success:function(data)
{
if(data==0)
{
$("#pesan").html(‘<img src="salah.png"> password tidak cocok’);
$("#password").css(‘border’, ‘3px #C33 solid’);
}
else
{
$("#pesan").html(‘<img src="true.png"> password cocok’);
$("#password").css(‘border’, ‘3px #090 solid’);
}

} });
})
});
</script>
[/php]

Nah, untuk langkah ketiga ini, karena code pada AJAXnya kita arahkan ke file validation.php, kita musti buat file validation.php nya, kalo sudah dibuat, ketikkan script berikut.

[php]
<?php mysql_connect("localhost", "root", ""); mysql_select_db("albinaa"); $nis = "1314070023"; $inputpwd = $_POST[‘password’]; $sql = mysql_query("select*from login where nis = ‘$nis’ and password = ‘$inputpwd’;"); $cocok = mysql_num_rows($sql); echo $cocok; ?>
[/php]

Jadi deh,,, selesailah sudah.
sekian tutorial validasi password yang berlaku menggunakan AJAX dan jQuery dari saya. semoga bermanfaat.

oh ya, untuk demonya bisa Anda lihat gambar dibawah ini:




Dengan script tersebut Anda bisa melakukan Cek password yang berlaku Menggunakan AJAX dan jQuery.

Itulah mungkin cara cek password yang berlaku Menggunakan AJAX dan jQuery.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *