Daftar dan Belajar Sekarang!

Validasi username sudah ada dengan ajax di codeigniter tidak berhasil

foto alexistdev
16 Kontribusi 9 Coto
1 bulan yang lalu
saya ingin menampilkan di form saat kotak input (blur atau change) dan diisi dengan username yang ternyata sudah ada, maka akan muncul pesan saat itu juga tanpa perlu direfresh formnya atau disubmit. Saya cari tutorialnya menggunakan ajax, cuma saya coba kok gagal ya. Pesan akan muncul disamping form input username dengan id=username_result controllernya:
function checkUsername($userName){
  $userName = $this->input->post('username');
  $if_exists = $this->m_admin->checkUserexist($userName);
  if ($if_exists > 0) {
    echo json_encode('Exists');
  } else {
    echo json_encode('Not exists');
  }
}

function simpan(){
===== jika validasi sudah benar maka akan diproses ke simpan =====
}
modelnya:
function checkUserexist($userName) {
   return $this->db->get_where('tbuser', ['username' => $userName])->num_rows();
}
viewnya:
<span id="username_result"></span>
								<input type="text"  id="username" class="span4" name="username" placeholder="Example" required>
								<p>Panjang karakter minimal 4.</p>
ajaxnya:
<script type="text/javascript"> 
$(document).ready(function(){
  $('#username').change(function(){
var username = $('#username').val();
if(username != ''){
    $.ajax({
        url:"<?php echo base_url('staff/admin/checkUsername');?>";
        method:"post",
        data:{username:username},
        dataType: 'json',
        success:function(data){
            $('#username_result').html(data);
            //console.log(data);
        }
    });
}
});
});
</script>

Tag: ajax codeigniter

✔ Forum ini sudah terjawab


Jawaban
foto alexistdev
16 Kontribusi 9 Coto
1 bulan yang lalu
Maaf setelah ngulik sana sini, akhirnya ketemu jawabannya:
<script>
$(document).ready(function(){
  $('#username').blur(function(){
    $.ajax({
      type: "POST",
      url: "<?php echo base_url('main/checkUsername');?>",
      data: $(this).serialize(),
      success: function (data){
        if(data=="ok"){
          $('#username_result').html('<font color="red">tidak tersedia</font>');
        } else {
          $('#username_result').html('tersedia');
        }
      }
   });
 });
});
</script>
detailnya ada di website saya alexistdev.com
answered icon
foto alexistdev
16 Kontribusi 9 Coto
1 bulan yang lalu
Maaf setelah ngulik sana sini, akhirnya ketemu jawabannya:
<script>
$(document).ready(function(){
  $('#username').blur(function(){
    $.ajax({
      type: "POST",
      url: "<?php echo base_url('main/checkUsername');?>",
      data: $(this).serialize(),
      success: function (data){
        if(data=="ok"){
          $('#username_result').html('<font color="red">tidak tersedia</font>');
        } else {
          $('#username_result').html('tersedia');
        }
      }
   });
 });
});
</script>
detailnya ada di website saya alexistdev.com


Login untuk diksusi di forum sekolah koding