PHP Codeigniter表单提交使用JQuery

Question

我是新的PHP Codeigniter框架。我正在设计一个页面，其中我使用了一个链接。点击链接时，它调用一个jQuery函数，通过jQuery提交表单。我已经使用codeigniter表单验证方法进行服务器端验证，目前我已经禁用了客户端验证。

问题是，在这个过程中，当表单通过jQuery提交时，codeigniter表单验证方法不起作用。

但是如果我使用submit按钮来提交表单，那么codeigniter表单验证方法可以完美地工作。

如果我需要通过jQuery提交表单并使用codeigniter表单验证方法，请告诉我该怎么做。

请查找以下代码：

登入表格：

<?php echo validation_errors(); ?>
<form name="login-form" id="login-form" method="post" action="<?php echo base_url();?>index.php/login/login_form" >
    <H2>Login</H2>
    <div id="login-box-name">
        Email:
    </div>
    <div id="login-box-field">
        <input name="user-name" id="user-name" class="form-login" title="Please Enter Correct User Name" value="" size="30" maxlength="2048" />
    </div>
    <div id="login-box-name">
        Password:
    </div>
    <div id="login-box-field">
        <input name="password" id="password" type="password" class="form-login" title="Please Enter Correct Password" value="" size="30" maxlength="2048" />
    </div>
    <br />
    <span class="login-box-options">
        <input type="checkbox" name="1" value="1" title="Want this computer to remember you!!"> Remember Me <a href="#" id="login-div-change">Forgot password?</a>
    </span>
    <br />
    <br />
    <a href="" id="login-submit">
        <img src="<?php echo base_url();?>assets/images/login-btn.png" width="110" height="40" style="margin-left:90px;" />
    </a>
    <input type="submit" name="submit" id="submit" value="Submit" />
</form>

jQuery函数提交表单点击"链接"：

    $("#login-submit").click(function()
    {
    $('#login-form').submit();
    return false;
    });

控制器功能：

    public function login_form()
    {

        $this->load->helper(array('form', 'url'));
        $this->load->library('form_validation');
        $data['title'] = 'Log In';

        $data['errorMessage'] = '';
        $this->form_validation->set_rules('user-name', 'Email', 'required');
        $this->form_validation->set_rules('password', 'Password', 'required');

        if ($this->form_validation->run() == FALSE)
        {
        $this->load->view('templates/header', $data);
        $this->load->view('login', $data);
        $this->load->view('templates/footer');
        }

        else
        {
        $this->load->view('templates/header', $data);
        $this->load->view('templates/menu');
        $this->load->view('index', $data);
        $this->load->view('templates/footer');
        }

    }

在这里，如果我单击表单的“提交”按钮，那么codeigniter验证对用户名和密码字段有效。但是如果我单击带有id=“login Submit”的链接，那么它将调用jquery函数并提交表单。但是这次codeigniter验证对用户名和密码字段无效。

我需要通过链接提交表单，codeigniter验证功能应该可以实现这一点。

提前感谢......

Answer 1

这是因为它在单击按钮时一直调用函数。你需要停止。

$("#login-submit").click(function(e){
 e.preventDefault();
 $('#login-form').submit();
});

Answer 2

上面的代码工作正常。事实上，我在代码中犯了一个愚蠢的错误。我使用下面的代码jQuery和它现在工作。

    $("#login-submit").click(function(e) {
        e.preventDefault();
        $('#login-form').submit();
    });

谢啦

Answer 3

使用. preentDefault（）而不是仅仅在锚点单击事件上返回false。

这在我身上曾经发生过，在我看来，在使用时，在某些地方似乎存在冲突。submit（）在单击事件中，并返回false以停止锚的默认行为。