Assalamualaikum Warahmatullahi Wabarakatuh...
mas saya ingin menggunakan tampilan tambahkan kategori di form tambah berita swarakalibata dengan menggunakan modal dan jquery ajax... bagiamana caranya bisa berfungsi dengan baik yaa??
berikut adalah file controler saya::
function tambahkat(){
cek_session_akses('kategoriberita',$this->session->id_session);
$data = array('nama_kategori'=>$this->db->escape_str($this->input->post('nama_kategori')),
'username'=>$this->session->username,
'kategori_seo'=>seo_title($this->input->post('nama_kategori')),
'aktif'=>$this->db->escape_str($this->input->post('aktif')),
'sidebar'=>$this->db->escape_str($this->input->post('sidebar')));
$this->model_app->insert('kategori',$data);
echo json_encode($data);
}
dan berikut adalah file modal saya ::
<!-- Modal -->
<div id="form" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Tambah Kategori Berita</h3>
</div>
<p id="pesan" class='bg-red-active color-palette text-center'></p>
<form action="" method="post" id="katform"
<div class="modal-body">
<div class='col-md-12'>
<table class='table table-condensed table-bordered'>
<tbody>
<input type='hidden' name='id' value=''>
<tr><th width='120px' scope='row'>Nama Kategori</th>
<td><input type='text' class='form-control' name='nama_kategori' required></td>
</tr>
<tr><th scope='row'>Aktif</th>
<td><input type='radio' name='aktif' value='Y' checked> Ya
<input type='radio' name='aktif' value='N'> Tidak</td>
</tr>
<tr><th scope='row'>Posisi</th>
<td><input type='number' class='form-control' name='sidebar' required></td>
</tr>
</tbody>
</table>
</div>
<div class="modal-footer">
<button type='button' id='btn-tambah' onclick='tambahkat()' class='btn btn-info pull-left'>Tambahkan</button>
<button type='button' class='btn btn-default'data-dismiss="modal">Cancel</button>
</div>
</div>
</form>
</div>
</div>
</div>
<script>
function tambahkat(){
var nama_kategori=$("[name='nama_kategori']").val();
var aktif=$("[name='aktif']").val();
var sidebar=$("[name='sidebar']").val();
$.ajax({
type:'post',
data: 'nama_kategori='+nama_kategori+'&aktif='+aktif+'&sidebar='+sidebar,
url: '<?php echo base_url().'administrator/tambahkat';?>',
dataType: 'json',
success: function(data){
$("[name='nama_kategori']").val('');
$("[name='aktif']").val('');
$("[name='sidebar']").val('');
$("$form").modal('hide');
location.reload();
}
});
}
</script>
ini berjalan input ke database,, tapi tidak ada validasi,, jadi ketikan di klik tambahkan walaupun kosong data terinput di database...
kemudian modal tidak mau close atau hide..
mohon petunjuknya yaa bossque.. semoga ilmunya berkah
berikut saya lampirkan tampilan form tambah berita saya