Question

我正在尝试在codeigniter应用中使用我的联系表单中的ajax。我将它发送到进行ajax调用的地方，但是没有发送到服务器的后期数据。我无法弄清楚为什么。请帮忙。

我确实有一些回报，但他们什么都不做。另外，$ this-＆gt; input-＆gt; post（'name'）为空。

表单视图

<?php
                    echo form_open('welcome/submit_contact');

                    echo form_error('name');
                    echo form_label('Name', 'name'"');
                    echo form_input('name', set_value('name'), 'id="name);

                    echo form_error('email');
                    echo form_label('Email', 'email');
                    echo form_input('email', set_value('email'), 'id="email"');

                    echo form_error('phone');
                    echo form_label('Phone', 'phone');
                    echo form_input('phone', set_value('phone'), 'id="phone"');
                    #echo '<h5>Do not start with "1" and no dashes.</h5>';

                    echo form_error('message');
                    echo form_label('Message', 'message');
                    echo form_textarea('message', set_value('message'), 'id="message"');

                    $submitData = array(
                        'name'  => 'submit',
                        'value' => 'Submit',
                        'id'    => 'button'

                    );
                    echo form_submit($submitData);

                    echo form_close();
                ?>
                <script type="text/javascript">

                $(function() {

                    $('form').click(function() {

                        // get the form values
                        var form_data = {
                            name: $('#name').val(),
                            email: $('#email').val(),
                            message: $('#message').val()
                        };

                        // send the form data to the controller
                        $.ajax({
                            url: "<?php echo site_url('welcome/submit_contact'); ?>",
                            type: "post",
                            data: form_data,
                            success: function(msg) {
                                $('form').prepend('<h5 class="good">Message sent!</h5>');
                                $('h5.good').delay(3000).fadeOut(500);
                                alert(msg);
                            }
                        });

                        // prevents from refreshing the page
                        return false;   
                    });
                });
                </script>

控制器功能

function submit_contact()
    {
        $this->load->library('form_validation');
        $this->form_validation->set_error_delimiters('<h4 class="bad">', '</h4>');

        $name = $this->input->post('name');
        echo "name = ".$name;

        $this->form_validation->set_rules('name', 'Name', 'trim|required|alpha_dash|xss_clean');
        $this->form_validation->set_rules('email', 'Email', 'trim|required|valid_email|xss_clean');
        $this->form_validation->set_rules('phone', 'Phone' , 'trim|integer|exact_length[10]|xss_clean');
        $this->form_validation->set_rules('message', 'Message', 'trim|required|max_length[1000]|xss_clean');

        // there are validation errors
        if($this->form_validation->run() == FALSE)
        {
            return "error";
        }
        else // there are no validation errors
        {
            /*************************
            need to actually send the email 
            *************************/
            return null;
        }

    }

编辑：我已经在我的问题中更新了代码。基本上现在如果有验证错误，我将如何让它们显示在表单上？我假设我将从我的控制器返回一个值，然后在我的ajax成功中声明如果msg ==“error”显示错误elseif msg == null，显示成功消息。但是，我如何告诉我的观点根据ajax成功变量显示这些错误？

Answer 1

我认为你应该把id放在输入和textarea而不是标签上，即

$data = array
(
   "name"=>'message',
   "value"=>'message',
   "id"=>'message'
)


form_textarea($data);

如果你在标签上设置了id，那么jquery将不会从用户插入的内容中获取任何内容，并且codeigniter验证也无法正常工作。这就是你的帖子结果为NULL的原因

与其他输入字段相同

修改

你是通过ajax询问数据所以返回一个不错的json对象（首先删除所有的调试打印）：

// there are validation errors if($this->form_validation->run() == FALSE) { echo(json_encode("validate"=>FALSE)); } else // there are no validation errors { /************************* need to actually send the email, then send you mail *************************/ echo(json_encode("validate"=>TRUE)); }

然后在你的ajax成功函数上测试它以显示正面或负面消息

<script type="text/javascript"> $(function() { $('form').click(function() { // get the form values var form_data = { name: $('#name').val(), email: $('#email').val(), message: $('#message').val() }; // send the form data to the controller $.ajax({ url: "<?php echo site_url('welcome/submit_contact'); ?>", type: "post", data: form_data, dataType: "json" success: function(msg) { if(msg.validate) { $('form').prepend('<h5 class="good">Message sent!</h5>'); $('h5.good').delay(3000).fadeOut(500); } else //display error } }); // prevents from refreshing the page return false; }); }); </script>

codeigniter和ajax联系表格

1 个答案: