Cek Username / Data sudah terpakai atau belum (PHP, MySQL)

include :

JQuery, download di https://jquery.com/download/

.

HTML input :

<input name="adm_reg_nim_mh" class="form-control" type="text" id="nim" onBlur="checkAvailability()"><span id="user-availability-status"></span> <img src="../img/Preloader_2.gif" id="loaderIcon" style="display:none" />

Keterangan :

name : variabel yang berisi nilai input yang nanti di kirim dengan method "POST".

class : disini form-control karena gw pake bootstrap.

id : id objek input yang nanti dipanggil dengan javascript
onblur : javascript event-handler yang menjalankan fungsi / perintah ketika mouse meninggalkan kolom input.

Javascript/Ajax

function checkAvailability() {
$("#loaderIcon").show(); //tampilkan gambar loading sebelum data mysql dicari
jQuery.ajax({
url: "../proc/adm_reg_cek_nim.php", //memanggil file php untnuk mencari data
data:'nim='+$("#nim").val(), //variabel yag di cari di mysql
type: "POST", //method post
success:function(data){
$("#user-availability-status").html(data); //menampilkan hasil pencarian di id user-avaiability-status
$("#loaderIcon").hide(); //sembunyikan gambar loading
},
error:function (){}
});
}

.

PHP :

include ("kon.php");
if(!empty($_POST["nim"])) {
$result = mysql_query("SELECT count(*) FROM mhsiswa WHERE nim='" . $_POST["nim"] . "'");
$row = mysql_fetch_row($result);
$user_count = $row[0];
if($user_count>0) echo "<span class=\"glyphicon glyphicon-remove\"></span>&nbsp; NIM Sudah ada di database.";
else echo "<span class=\"glyphicon glyphicon-ok\"></span>";
}

selesai.

Referensi.