Question

我想用ajax验证登录表单。我使用带有检查数据库中用户名的回调函数的表单验证。当我将回调与set_message一起使用时，表单验证错误不起作用，仅显示该回调错误消息。如果用户名为空，则应首先显示诸如“需要用户名”之类的表单验证错误，然后如果用户输入错误的用户名，则应显示诸如“用户名不正确”之类的回调函数错误

以下是我控制器中的功能

public function validate_form()
    {
        $data = array('success' => false, 'messages' => array());
        $this->form_validation->set_rules('username', 'Username', 'required|trim|xss_clean|callback_username_check');
        $this->form_validation->set_rules('password', 'Password', 'required|trim|xss_clean|callback_password_check');
        $this->form_validation->set_error_delimiters('<p class="text-danger">', '</p>');
        if ($this->form_validation->run()) {
            $data['success'] = true;
            $this->session->set_userdata('admin_username', $this->input->post('username'));
        } else {
            foreach ($_POST as $key => $value) {
                $data['messages'][$key] = form_error($key);
            }
        }

        echo json_encode($data);
    }

    public function username_check()
    {
        $username = $this->input->post("username");
        if ($this->admin_model->usernameDB()) {
            return true;
        } else {
            $this->form_validation->set_message('username_check', 'The {field} is not correct');
            return false;
        }
    }

    public function password_check()
    {
        $password = $this->input->post("password");
        if ($this->admin_model->passwordDB($password)) {
            return true;
        } else {
            $this->form_validation->set_message('password_check', 'The {field} is not correct');
            return false;
        }
    }

以下是我模型中的功能

public function usernameDB() {
        $this->db->where('username', $this->input->post('username'));
        $query = $this->db->get('adminuser');

        if ($query->num_rows() == 1) {
            return true;
        } else {
            return false;
        }
    }

    public function passwordDB() {
        $this->db->where('password', md5($this->input->post('password')));
        $query = $this->db->get('adminuser');

        if ($query->num_rows() == 1) {
            return true;
        } else {
            return false;
        }
    }

以下是我正在使用的ajax

$("#admin_login_form").submit(function(e) {
        e.preventDefault();
        var me = $(this);
        // perform ajax
        $.ajax ({
            url: "validate_form",
            type: "post",
            data: me.serialize(),
            dataType: "json",
            success: function(response) {
                if (response.success == true) {
                    $('.form-group').removeClass('has-error')
                                    .removeClass('has-success');
                    $('.text-danger').remove();
                    window.location = "member";
                } else {
                    $.each(response.messages, function(key, value) {
                        var element = $('#' + key);
                        element.closest('div.form-group')
                        .removeClass('has-error')
                        .addClass(value.length > 0 ? 'has-error' : 'has-success')
                        .find('.text-danger')
                        .remove();
                        element.after(value);
                    });
                }
            }
        });
    });

我想要正确的验证错误顺序，例如，如果用户名或密码为空，那么首先应显示其相关错误，例如需要用户名或密码，然后显示错误或正确的用户名或密码错误。

Answer 1

您可以在下面尝试。您可以使用单个回调函数来检查用户是否存在。

首先，从您的控制器中删除回调函数public function username_check()和public function password_check()并替换为下面的更新函数。

除了在login内创建的新模型函数admin_model之外，该函数还将检查用户是否存在。您也可以从usernameDB中删除passwordDB和admin_model。

控制器功能：

public function validate_form()
{
    $data = array('success' => false, 'messages' => array());
    $this->form_validation->set_rules('username', 'Username', 'required|trim|xss_clean');
    $this->form_validation->set_rules('password', 'Password', 'required|trim|xss_clean|is_user_exists');
    $this->form_validation->set_error_delimiters('<p class="text-danger">', '</p>');
    if ($this->form_validation->run()) {
        $data['success'] = true;
        $this->session->set_userdata('admin_username', $this->input->post('username'));
    } else {
        foreach ($_POST as $key => $value) {
            $data['messages'][$key] = form_error($key);
        }
    }

    echo json_encode($data);
}

public function is_user_exists()
{
    if ($this->admin_model->login($this->input->post('username', TRUE), $this->input->post('password', TRUE))) {
        return true;
    } else {
        $this->form_validation->set_message('is_user_exists', 'Login failed. Username or password is incorrect');
        return false;
    }
}

模型功能：

public function login($username, $password)
{
    $this->db->where('username', $username);
    $this->db->where('password', md5($password));
    $query = $this->db->get('adminuser');

    if ($query->num_rows() > 0) {
        return true;
    } else {
        return false;
    }
}

注意：使用md5加密密码不是很好。有关更多详细信息，请参见Alex的评论。

Codeigniter 3验证错误未与回调函数一起显示

1 个答案: