Ajax jQuery表单提交Codeigniter不起作用

毛拉娜·瓦希德(Maulana Wahid)

我想使用ajax jQuery创建表单提交,但是每次我按Submit时,表单总是直接执行到控制器,而不传递ajax调用。我的代码有什么问题吗?

控制器:

public function simpanSaran(){

$this->form_validation->set_rules('nama', 'Nama', 'required');    
$this->form_validation->set_rules('email', 'Email', 'required');
$this->form_validation->set_rules('sub', 'Subjek', 'required');
$this->form_validation->set_rules('isi', 'Isi', 'required');

    if ($this->form_validation->run() == FALSE) {
        $this->content("user/hal_saran"); 
    }
    else {
    $insert = array(
    'nama'    => $this->input->post('nama'),
    'email'     => $this->input->post('email'),
    'subjek'      => $this->input->post('sub'),
    'komentar' => $this->input->post('isi'),         

    );
        $this->db->insert('guest',$insert);         

     }
    }

我的看法,与ajax jQuery:

     <script>
   $(document).ready(function() {
   $('#myForm').submit(function() {
e.preventDefault();
    $.ajax({
        type: 'POST',
        url: $(this).attr('action'),
        data: $(this).serialize(),
        success: function() {
            $('#result').slideDown();
        }       
  }
    })
    return false;
});


$('.close').click(function(){
$('#result').slideUp();
});
});
</script>   

<div class=" span9">
<div class="span9" id="result" style="display:none;height:80px;">
                        <div class="notices" >
                            <div class="bg-color-green" style="height:60px;">
                                <a href="#" class="close"></a>                                    
                                <div class="notice-header fg-color-white">Terima Kasih!</div>
                                <div class="notice-text">Anda telah Memberikan Kritik dan Saran pada Kami.</div>
                            </div>
                        </div>
                    </div>
<div id="hid" style="display:none;"></div>
<?php  
$attr = array('id' => 'myForm');
echo (form_open('lowongan/simpanSaran',$attr)) ?>
<div class="input-control text span3" style="height:40px;">     
    <input type="text" placeholder="Nama" name="nama" required/>
    <button class="btn-clear"></button>
</div>
<div class="input-control text span3" style="height:40px;">
    <input type="text" placeholder="Email" name="email" required/>
    <button class="btn-clear"></button>
</div>
<div class="input-control text span3" style="height:40px;">
    <input type="text" placeholder="Subjek" name="sub" required/>
    <button class="btn-clear"></button>
</div>
<div class="input-control textarea span9" >
    <textarea placeholder="Komentar" name="isi" style="height:200px;" required></textarea>          
    <button type="submit" class="fg-color-white bg-color-purple" style="margin-top:20px;"><i class="icon-comments-5"></i> Kirim</button>    
    <p>*Saran atau kritik akan di-reply melalui email</p>
</div>

<?php echo(form_close())?>
</div>
尼尔兹

只是一个小变化:

$('#myForm').submit(function(e) {
e.preventDefault();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery Ajax表单提交不起作用

来自分类Dev

使用jquery / ajax的基本表单提交不起作用

来自分类Dev

使用Jquery验证插件的Ajax表单提交不起作用

来自分类Dev

Ajax表单提交后,jQuery翻转不起作用

来自分类Dev

wordpress ajax表单提交不起作用?

来自分类Dev

通过AJAX提交表单不起作用

来自分类Dev

自动表单提交不起作用的Ajax

来自分类Dev

我的Ajax表单提交不起作用?

来自分类Dev

Ajax登录表单提交不起作用

来自分类Dev

PHP + AJAX表单提交不起作用

来自分类Dev

wordpress ajax表单提交不起作用?

来自分类Dev

表单 AJAX 提交 symfony 不起作用

来自分类Dev

jQuery通过Ajax提交不起作用

来自分类Dev

Ajax/Jquery 表单不起作用

来自分类Dev

jQuery AJAX发布不起作用Codeigniter

来自分类Dev

不起作用-疯狂的简单jquery ajax表单提交并将响应放入div

来自分类Dev

在jQuery AJAX中再次尝试后表单提交不起作用

来自分类Dev

sj:提交目标属性在ajax表单上不起作用

来自分类Dev

提交表单后,AJAX调用不起作用

来自分类Dev

基于 ID 的 AJAX 表单提交不起作用

来自分类Dev

Php ajax 提交表单 .reset() 不起作用

来自分类Dev

jQuery函数.split()不起作用,未提交AJAX数据

来自分类Dev

jQuery验证插件ajax提交不起作用

来自分类Dev

jQuery函数.split()不起作用,未提交AJAX数据

来自分类Dev

如果联系表单位于AJAX加载的内容中,则AJAX提交将不起作用

来自分类Dev

ajax将php表单提交到数据库,ajax部分不起作用

来自分类Dev

使用ajax登录表单不起作用

来自分类Dev

弹出表单ajax请求不起作用

来自分类Dev

Newbe:ajax表单不起作用