codeigniter form_validation with ajax

Question

当我提交没有数据时，它显示为这样。 但我希望它显示在我的模态上，因为我使用的是form_validation库。 在此处输入图像描述

这是我的控制器：

$this->form_validation->set_rules('category_name','Category name','trim|required');
if($this->form_validation->run() == FALSE){
echo validation_errors();
} else{
$category = array(
"category_name" => $this->input->post('category_name')
); 
$this->category_m->insert($category);
echo "Successfully Added.";
}

这是我的 ajax 文件：

$(document).on('submit', '#form' ,function(event){
event.preventDefault();
var form = $(this).serialize();
$.ajax({
url:"<?php echo base_url(); ?>category/operation",
type:"POST",
data:form,
success:function(data){
$('#form')[0].reset();
$('#mymodal').modal('hide');
$('#alert').fadeIn().html('<div class="alert alert-info">'+data+'</div>').fadeOut(5000);
table.ajax.reload();
}
}) 
});

Answer 1

这与 Codeigniter 无关。它是JS/jQuery/HTML/...

假设你的 HTML 中有这样的东西

<div id="mymodal">...</div>

在内部创建另一个div#alert

<div id="alert">...</div>

并将Javascript更改为类似

//You don't neet fadeIn/fadeOut
$('#alert').html('<div class="alert alert-info">'+data+'</div>');
$('#mymodal').modal('show');