Bgmana Memberikan Alert "No KTP Sudah Ada, Gunakan No KTP Lain" pada form Register.

bagaimana ya cara memberikan alert "No KTP Sudah Ada, Gunakan No KTP Lain" saat mau menyimpan/kirim data ? seperti ini form register.php nya, javascript dibagian bawah

 <?php
/*
 *      tambah_penduduk.php
 *      Form tambah data penduduk
 */
include_once "include/koneksi.php";
include_once "include/config.php";
?>
<div class="top-bar">
    <h1>Registrasi Account Warga</h1>
        <div class="breadcrumbs">Menambahkan Account Warga</div>
</div>
<div id="stylized" class="select-bar">
<form id="form" name="form" method="post" action="simpan_penduduk.php">
<label>No. KTP
<span class="small">Masukkan no ktp anda</span>
</label>
<input type="text" name="no_ktp" id="no_ktp" class="isian"/>
<span class="ket"></span>
<label >Nama
<span class="small">Masukkan nama anda</span>
</label>
<input type="text" name="nama" id="nama" class="isian" />
<span class="ket"></span>
<label >Agama
<span class="small">Pilih agama anda</span>
</label>
<select name="agama" id="agama" class="isian">
<?php
for($i = 0; $i < count($agama); $i++){
	if($i == 0){
		$value="";
		}
	else {
		$value=$agama[$i];
		}
	echo "<option value=".$value.">".$agama[$i]."</option>";
	}
?>
</select>
<span class="ket"></span>
<label>Tempat Lahir
<span class="small">Masukkan tempat lahir anda</span>
</label>
<input type="text" name="t_lahir" id="t_lahir" class="isian"/>
<span class="ket"></span>
<label>Tanggal Lahir
<span class="small">Tahun-bulan-tanggal (2010-02-19)</span>
</label>
<input type="text" name="tgl_lahir" id="tgl_lahir" class="isian" readonly />
<span class="ket"></span>
<label>Alamat Rumah
<span class="small">Masukkan Alamat Rumah Anda</span>
</label>
<input type="text" name="alamat" id="alamat" class="isian"/>
<span class="ket"></span>
<label>Jenis Kelamin
<span class="small">L = laki - laki, W = wanita</span>
</label>
<select name="j_kel" id="j_kel" class="isian">
<?php
$i = 0;
foreach($j_kelamin as $index => $val){
	if($i == 0){
		$value="";
		}
	else {
		$value=$index;
		}
	echo "<option value=".$value.">".$val."</option>";
	$i++;
	}
?>
</select>
<span class="ket"></span>
<label>Golongan Darah
<span class="small">Golongan darah anda</span>
</label>
<select name="gol_darah" id="gol_darah" class="isian">
<?php
$i = 0;
foreach($gol_darah as $index){
	if($i == 0){
		$value="";
		}
	else {
		$value=$index;
		}
	echo "<option value=".$value.">".$index."</option>";
	$i++;
	}
?>
</select>
<span class="ket"></span>
<label>Warga negara
<span class="small">Kewarganegaraan anda</span>
</label>
<input type="text" name="w_negara" id="w_negara"  class="isian"/>
<span class="ket"></span>
<label>Pendidikan
<span class="small">Pendidikan anda</span>
</label>
<input type="text" name="pendidikan" id="pendidikan"  class="isian"/>
<span class="ket"></span>
<label>Pekerjaan
<span class="small">Pekerjaan anda</span>
</label>
<input type="text" name="pekerjaan" id="pekerjaan" class="isian" />
<span class="ket"></span>
<label>Status Pernikahan
<span class="small">Status pernikahan anda</span>
</label>
<select name="s_nikah" id="s_nikah" class="isian">
<?php
for($i = 0; $i < count($s_pernikahan); $i++){
	if($i == 0){
		$value="";
		}
	else {
		$value=$s_pernikahan[$i];
		}
	echo "<option value=".$value.">".$s_pernikahan[$i]."</option>";
	}
?>
</select>
<span class="ket"></span>
<label>Username
<span class="small">Massukan Username Anda</span>
</label>
<input type="text" name="username" id="username" class="isian" />
<span class="ket"></span>
<label>Password
<span class="small">Massukan Password Anda</span>
</label>
<input type="password" name="password" id="password" class="isian" />
<span class="ket"></span>
<button type="submit" class="isian">Simpan</button>
<span style="margin:10px;float:left;display:none" id="status_proses" class="proses-inline"></span>
</form>
</div>
<script type="text/javascript" >
$(function(){
	$("#tgl_lahir").datepicker({dateFormat:"yy-mm-dd",changeMonth:true,changeYear:true,yearRange:"1930"});
	$("a.button").click(function(){
		var target = $("#center-column");
		var url = $(this).attr("href");
		$(target).html("<div class='loading'><span class='loading'></span>  Mohon ditunggu .......</div>")
		.load(url);
		return false;
		})
	// kejadian awal, panggil fungsi awal
	awal();
	// event ketika tombol submit diklik
	$("#form").submit(function(){
		// yang dari saya tadi copykan disini,
var bontang = 6474;
var no_ktp = $("input[name=no_ktp]").val();
var _awalan_ktp = no_ktp.substr(0,4);
if ( _awalan_ktp != bontang ){
alert(" Anda Bukan Warga Bontang!! Jika Ingin Tetap Registrasi, Hubungi Admin Melalui Bantuan Chat Online. Terima Kasih..");
return false;
}

	var inputan = $(".isian");
	var inputs = $(this).serializeArray(); //berupa JSON object
	var url = $(this).attr('action');
		for(i = 0; i < inputan.length - 1; i++){
				if($(inputan).eq(i).val() == ""){
					$(".ket").eq(i).html("harus diisi").css({"display":"block"});
					$(inputan).eq(i).focus();
					return false;
					}
				else {
					$(".ket").eq(i).empty().css({"display":"none"});
					}
				}
		// kirim data ke server untuk disimpan
		$("#status_proses").removeClass("sukses-inline").fadeIn("slow");
		$.post(url,{data:inputs},function(data){
			if(data == 1){
				// tampilkan info data telah disimpan
				$("#status_proses").removeClass("proses-inline")
				.addClass("sukses-inline").delay("2000").fadeOut("slow");
				$(".isian").val("");
				awal();
				}
			else {
				$("#status_proses").removeClass("proses-inline")
				.addClass("gagal-inline").delay("2000").fadeOut("slow");
				$(".isian").val("");
				awal();
				}
			})
	return false;
	})
})
</script>

terimakasih salam baru belajar..

avatar yongenvansluys
@yongenvansluys

6 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

submit form pake ajax post referensi https://api.jquery.com/jquery.post/

ketika di post pada php nya beri validasi.. sebelum di sumbit buat query untuk cek apakah NO KTP sudah pernah di gunakan / didaftarkan? jika ya return true "redirect page ke halaman lain" *misal, jika false beri alert "NO KTP, telah terdaftar"..

contoh :

$("#simpan").click(function(){
    $.post("demo_test_post.php",
    {
        noktp: "1232313131321",
        nama: "Duckburg"
    },
    function(data){
        if(data.status == 'success'){
            window.location.replace('http://blabla.com');
        }else{
            alert("KTP sudah digunakan!");
        }
    });
});

avatar gunalirezqimauludi
@gunalirezqimauludi

350 Kontribusi 243 Poin

Dipost 6 tahun yang lalu

sebelum di insert ke database datanya periksa dulu...

intinya sih periksa didatabase apakah data no KTP itu udah ada atau belum. kalo belum bisa lanjut kalo udah ada tampilin alertnya.

begicuh kira kira

avatar kartadinata
@kartadinata

121 Kontribusi 78 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban