ajax form для загрузки определенного div

Question

Я пытаюсь просто загрузить в свою форму сообщение об ошибке, но прямо сейчас его загрузка моей страницы формы 4 раза, кто-то знает, что я сделал не так? Я просто хочу загрузить SPAN:

<span class="text-danger">

контроллеры:

<?php 
/* 
* File Name: user.php 
*/ 


if (! defined('BASEPATH')) exit('No direct script access allowed'); 

class User extends CI_Controller 
{ 
    public function __construct() 
    { 
     parent::__construct(); 
     $this->load->library('session'); 
     $this->load->helper('form'); 
     $this->load->helper('url'); 
     $this->load->database(); 
     $this->load->library('form_validation'); 
     //load the user model 
     $this->load->model('User_model'); 
    } 

    //index function 
    function index() 
    { 

     //fetch data from country table 
     $data['country'] = $this->User_model->get_country(); 


     //set validation rules 
     $this->form_validation->set_rules('email', 'Email', 'trim|required|valid_email'); 
     $this->form_validation->set_rules ('passconf', 'Password Confirmation', 'trim|required'); 




     if ($this->form_validation->run() == FALSE) 
     { 
      //fail validation 
      $this->load->view('user_view2', $data); 
     } 
     else 
     {  
      //pass validation 
      $data = array(
       'user_email' => $this->input->post('email'), 
       'Password' => $this->input->post('passconf'), 
       //encrypting pass on database. 
       'Password' => password_hash('passconf', PASSWORD_BCRYPT), 

      ); 

      //insert the form data into database 
      $this->db->insert('test', $data); 

      //display success message 
      $this->session->set_flashdata('msg', '<div class="alert alert-success text-center">You Are Now Registered</div>'); 
      redirect('user/index'); 
     } 

    } 

    //custom validation function for dropdown input 
    function combo_check($str) 
    { 
     if ($str == '-SELECT-') 
     { 
      $this->form_validation->set_message('combo_check', 'Invalid %s you need pick one'); 
      return FALSE; 
     } 
     else 
     { 
      return TRUE; 
     } 
    } 

    //custom validation function to accept only alpha and space input 
    function alpha_only_space($str) 
    { 
     if (!preg_match("/^([-a-z ])+$/i", $str)) 
     { 
      $this->form_validation->set_message('alpha_only_space', 'The %s field must contain only alphabets or spaces'); 
      return FALSE; 
     } 
     else 
     { 
      return TRUE; 
     } 
    } 
} 
?> 

user_view.php

<?php 
     $attributes = array("class" => "form-horizontal", "id" => "userform", "name" => "userform"); 
     echo form_open("user/index", $attributes);?> 

     <div class="form-group"> 
     <div class="row colbox"> 
     <div class="col-lg-4 col-sm-4"> 
      <label for="email" class="control-label">Email address</label> 
     </div> 
     <div class="col-lg-8 col-sm-8"> 
      <input id="email" name="email" placeholder="type your email here" type="text" class="form-control" value="<?php echo set_value('email'); ?>" /> 
      <span class="text-danger"><?php echo form_error('email'); ?></span> 
     </div> 
     </div> 
     </div> 

    <div class="form-group"> 
       <div class="row colbox"> 
       <div class="col-lg-4 col-sm-4"> 
        <label for="passconf" class="control-label">Password</label> 
       </div> 
       <div class="col-lg-8 col-sm-8"> 
        <input id="passconf" name="passconf" placeholder="your password" type="password" class="form-control" value="<?php echo set_value('passconf'); ?>" /> 
        <span class="text-danger"><?php echo form_error('passconf'); ?></span> 
       </div> 
       </div> 

</div> 
<div class="form-group"> 
     <div class="col-sm-offset-4 col-lg-8 col-sm-8 text-left"> 
      <input id="btn_add" name="btn_add" type="submit" class="btn btn-primary" value="Insert" /> 
      <input id="btn_cancel" name="btn_cancel" type="reset" class="btn btn-danger" value="Cancel" /> 
     </div> 
     </div> 

<?php echo form_close(); ?> 
<?php echo $this->session->flashdata('msg'); ?> 

JQuery код

var frm = $('#userform'); 
    frm.submit(function (ev) { 
     $.ajax({ 
      type: frm.attr('method'), 
      url: frm.attr('action'), 
      //data: $('#myform').serialize(), 
      success: function (data) { 
       $(".text-danger").html(data); 
      } 
     }); 

     ev.preventDefault(); 
    }); 

Answer 1

frm.submit отправит форму обратно на сервер в дополнение к вашему вызову ajax, вам нужно добавить return false; после ev.preventDefault();, если вы не захотите отправить форму обратно на сервер.