在 CodeIgniter 中使用 jQuery 进行表单验证和 AJAX 表单提交

Question

当我提交表单错误显示完美但当我再次提交数据输入数据库但其他条件不起作用我想隐藏表单并显示成功消息

如果密码长度小于6，则第一次响应

密码必须大于6

第二次响应为空，否则条件应该可以工作，但如果数据输入成功，我不想隐藏表单

<div class="modal-body">
 <div id="successResults"></div>
    <form method="" action="" class="form-horizontal signup-hide" role="form" id="signup-form">
        <div id="ajaxResults"></div>
           <input type="text" class="model-signup-fields"
                    name="first_name"  value="<?php echo $this->input->post('first_name');?>">  
           <input type="email" class="model-signup-fields" name="email"   value="<?php echo $this->input->post('email');?>">
          <input type="password" class="model-signup-fields" name="password"   value="<?php echo $this->input->post('password');?>">
           <input type="password" class="model-signup-fields" name="confirm_password"   value="">
                    <br>
          <input type="submit" name="remove" id="this_signup" class="claim btn btn-info model-signup "  onclick="" value="signup"  />
</form>
</div>

控制器

       public function register() {
    $data['title'] = 'Register';
    $this->load->model('auth_model');

    if (count($_POST)) {
        $this->load->helper('security');

        $this->form_validation->set_rules('first_name', 'First name', 'trim|required');
        // $this->form_validation->set_rules('last_name', 'Last Name', 'trim|required');
        $this->form_validation->set_rules('email', 'Email', 'trim|required|valid_email|is_unique[users.email]');

        $this->form_validation->set_rules('password', 'Password', 'trim|required');
        $this->form_validation->set_rules('confirm_password', 'Confirm Password', 'trim|required|min_length[6]|matches[password]');

        if ($this->form_validation->run() == false) {
            // $data['notif']['message'] = validation_errors();
            // $data['notif']['type'] = 'danger';
             $status = validation_errors();
             if ( $this->input->is_ajax_request() ) {
                echo json_encode($status);

            }
        } 
        else {
            // $data['notif'] = $this->auth_model->register();

            $success_reg = $this->auth_model->register();



        }
    }

    if ($this->session->userdata('logged_in')) {    
        redirect(base_url('dashboard'));
        exit;
    }

    $this->load->view('includes/header', $data);

    $this->load->view('home/index');
    $this->load->view('includes/footer');
}

脚本

   $(function()
   {
      $('.model-signup').on('click', function(e){
      e.preventDefault();

      var form = $("#signup-form").serialize();

           $("#this_signup").css({"background-image":"url(<?PHP echo 
           base_url(); ?
            >assets/images/loading1.gif)",
           "background-repeat": "no-repeat",
           "background-position": "10% 50%"});
       $.ajax({
        url:"<?PHP echo base_url(); ?>auth/register",
        type:"POST",
        dataType: 'json',
        cache: false,
        data:form,
        success: function(response) {

            alert(response);

            var result2 = response;
            console.log(result2);

            if(result2)
            {   
                    alert("if");
                 $('#ajaxResults').addClass('alert alert-danger').html(result2);
                $("#this_signup").css({"background-image":"",
                    "background-repeat": "",
                    "background-position": ""});
            }
            if(response == ''){
                alert("else");
                $("#this_signup").css({"background-image":"",
                "background-repeat": "",
                "background-position": ""});
            $(".signup-hide").hide();
            $('#successResults').addClass('alert alert-success').html('You successfully register now you can login');
            }
            response='';


       }
        });
     });
 });

Answer 1

首先回答您的问题：表单通过规则后，什么也没有发生（从 Ajax 请求的角度来看）您提供了一个状态码为 200 的空页面。回显“好的”而不是什么都没有，并比较响应是否为(====) “好的”。

附加：重定向 ajax 请求不是正确的方法。回显“alreay_logged_in”作为 Ajax 可以理解的状态代码。之后，您可以将用户重定向到仪表板。