使用带有CodeIgniter表单的AJAX请求

时间:2013-06-17 06:05:02

标签: php ajax codeigniter validation

我在组合CodeIgniter和AJAX方面遇到了麻烦。我有一个注册表格。我想要的是,当用户点击我主页上的注册按钮时,他会弹出一个注册表单。如果他在表单中输入了错误的详细信息,则弹出窗口会提示他您的详细信息无效,不得将其重定向到新页面以显示错误。所以我使用bpopup使我的表单弹出和ajax请求,但我无法执行form_validation,我有点困惑。如果用户未通过表单验证,则会因为加载视图而向用户发出HTML文档警报。如果我不加载视图,它将不会显示登录页面。如果我将直接加载视图,我将如何向用户显示个别错误,如密码必须长6个字符。这是我的代码:

我的登录视图:

<html>
<head>
<title>Sign In</title>
<script type="text/javascript">
     var frm = $('form');
     frm.submit(function () {
     $("#status").empty();
     $.ajax({
        type: frm.attr('method'),
        url: frm.attr('action'),
        data: frm.serialize(),
        success: function (data) {
            if (data == "invalid") {
              $('#status').html("Invalid Login Details");
            }
            else if(data == "valid")
            {
                $('#status').html("Login successful");
                setTimeout(function(){
                    location.reload();
                },600);
            }
            else
            {
                $('#status').html("Your Account is not Activated");
            }
        }
    });
    return false;
});
</script>
</head>
<body>
<div class="Header">
    <h3>Sign In </h3>
</div>
<div id="status"></div>
<div class="main">
    <?php echo form_open('xyz/signin'); //Renders the form element and adds extra functionality like Adds a hidden CSFR prevention field.?> 
    <h5>Email</h5>  // For the time being I have remove echo form_error.
    <input type="text" name="email"  value="<?php echo set_value('email'); ?>" size="25"/>
    <h5>Password *</h5> // For the time being I have remove echo form_error.
    <input type="password" name="password" size="25"/>
    <div><input type="submit" value="Submit" "/></div>
    </form>
</div>

</body>
</html>

这是我登录xyz控制器的功能:

public function signin()
{
  $this->load->helper(array('form','url'));
  $this->load->library('form_validation');
  $config = array(
array(
'field' => 'email',
'label' => 'Email Address',
'rules' => 'trim|required|valid_email|xss_clean'
),
array(
'field' => 'password',
'label' => 'Password',
'rules' => 'trim|required|xss_clean'
)
  );
  $this->form_validation->set_rules($config);
if($this->form_validation->run() == FALSE)  /
{
    $this->load->view('pinflag/login.php');
}
else                               //format of form is correct
{   
    $email = $this->input->post('email');
    $password = md5($this->input->post('password'));
    $data = array(
        'email' => $email,
        'password' => $password
        );
    $result = $this->user_model->get_users($data);
    if($result->num_rows == 1)   //login details are correct
    {
        $result = $result->result_array();
        if($result[0]['status'] == 0)
        {
            echo "notActivated";

        }
        else
        {
        $this->session->set_userdata('id',$result[0]['id']);
        $this->session->set_userdata('name',$result[0]['fname']);
            echo "valid";
        }
            }
            else        //when user enter invalid login details
    {
        echo "invalid";
    }

}
}

很抱歉,当我在这里粘贴代码时,缩进就搞砸了。

1 个答案:

答案 0 :(得分:0)

我没有得到你的流行音乐如何发布但是错误和成功消息尝试

$this->session->set_flashdata("msg","<span class='m_error'>".$this->lang->line('global_insert_error')."</span>");

在您要加载的页面之前。

并在您的登录视图中查看任何部分

if($this->session->flashdata('msg'))
{
   echo $this->session->flashdata('msg');
}