Question

当我没有数据提交时，它显示如下。但我希望它显示在我的模态上，因为我正在使用form_validation库。 enter image description here

这是我的控制器：

$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');

带Ajax的codeigniter form_validation

1 个答案: