Problema com requisição via ajax no Firefox

[mscinho 0]

Pessoal, estou utilizando o framework codeigniter com requisições em ajax.

No IE e no chrome vai certinho, porém no Firefox ele não chega nem  a chamar o ajax. É como se não reconhece-se.

Alguém pode me dar alguma ajuda... Postei o código a baixo.

 

HTML

<form autocomplete="off" id="formLogar" >
                    <fieldset>
                      <div class="form-group label-floating">
                        <div class="input-group">
                          <span class="input-group-addon">
                            <i class="zmdi zmdi-email"></i>
                          </span>
                          <label class="control-label" for="ms-form-user">Email</label>
                          <input type="text" id="ms-form-email" class="form-control" name="email"> </div>
                      </div>
                      <div class="form-group label-floating">
                        <div class="input-group">
                          <span class="input-group-addon">
                            <i class="zmdi zmdi-lock"></i>
                          </span>
                          <label class="control-label" for="ms-form-pass">Senha</label>
                          <input type="password" id="ms-form-pass" class="form-control" name="senha"> </div>
                      </div>
                      <div class="text-center color-danger erro"></div>
                      <div class="row mt-2">
                        <div class="col-md-6">
                          <div class="form-group no-mt">
                            <div class="checkbox">
                              <label>
                                <input type="checkbox"> Lembrar-me </label>
                            </div>
                          </div>
                        </div>
                        <div class="col-md-6">
                          <button class="btn btn-raised btn-primary pull-right" id="btnLogar">Entrar</button>
                        </div>
                      </div>
                    </fieldset>
                  </form>

 

 

Ajax

<script type="text/javascript">
    $("#btnLogar").submit(function() {
        $(this).html("Processando acesso...");
        $(this).prop("disabled", true);
        $.ajax({
            type: "POST",
            url: "<?php echo base_url('Index/ajax_logar'); ?>",
            dataType: 'JSON',
            data: $('#formLogar').serialize(),
            success: function(data) {

                if(data.status){
                    $(".erro").html("");
                    $(location).attr('href', '<?php echo base_url('Area_Cliente'); ?>');
                } else {
                    $(".erro").html(data.msg);    
                    $("#btnLogar").html("Entrar");
                    $("#btnLogar").prop("disabled", false);
                    return;
                } 
            },
        });
    });

</script>

 

PHP

public function ajax_logar() {
        $login=$this->Index_Model->login($this->input->post('email'), md5($this->input->post('senha')));

        //verifica e-mail e senha
        if($login) {
            //verifica se está ativo
            if($this->Index_Model->login_ativo($login['area_id'])) {
                $sessao=array(
                    'email' => $login['area_email'],
                    'nome' => $login['area_nome'],
                    'id' => $login['area_id'],
                    'logado' => TRUE
                );
                $this->session->set_userdata($sessao);
                echo json_encode(array('status'=>true));
            } else {
                echo json_encode(array('status'=>false, 'msg'=>'Erro1.'));
            }
            
        } else {
            echo json_encode(array('status'=>false, 'msg'=>'Erro2.'));
        }
    }

 

[mscinho 0]

Pessoal, consegui resolver o problema:

 

troquei essa linha:

$("#btnLogar").submit(function() {

por isso:

$('#formLogar').submit(function(e) {
        e.preventDefault();

:D