display error message in popup - php

Question

Iam displaying pop up for login form in home page.when i given wrong email/password pop up gone , when i open pop up error message displayed in popup.
my home-page
<div class="modal fade" id="signin" role="dialog">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"> Sign in </h4>
</div>
<div class="modal-body">
<div class="tabiib-popbox">
<div class="col-xs-12">
<ul class="nav nav-tabs poptabs">
<li class="tab signin"><a data-toggle="tab" href="#home"> Sign In</a></li>
</ul>
<div class="tabiib-signin">
<div class="tab-content">
<div id="home" class="tab-pane fade in">
<form class="pop-l" action="<?php echo base_url('LoginPopup');?>" method="post" name="signin" enctype="multipart/form-data">
<?php echo $this->session->flashdata('Message');?>
<div class="form-group">
<label for="email">Mobile Number / Email ID </label>
<input type="text" name="emailMobileNumber" class="form-control" id="email">
</div>
<div class="form-group">
<label for="pwd">Password</label>
<input type="password" name="password" class="form-control" id="pwd">
</div>
<div class="pop-b text-center">
<input type="submit" class="btn popbtn" value="Sign In">
</div>
</form>
</div>
Controller:
public function LoginPopup() {
$postDatas = $this->input->post();
$postData = str_replace (" ", "", $postDatas);
$postData['userType'] = 3;
$this->load->model('modelname');
$response = $this->modelname->login($postData);
if(isset($response['success_message'])) {
$user = set_user_session($response['data']);
$this->session->set_userdata('userdata', $user);
$sessionData = $this->session->userdata('userdata');
$this->session->set_userdata('Login',1);
$details = getDet($sessionData['userRef']);
$this->session->set_userdata('Details', $details);
redirect('');
}else{
$msg = '<div class="alert alert-danger"><i class="fa fa-ban"></i>';
$msg .= 'Mobile Number/Email or Password does not match';
$msg .= '</div>';
$mesg=$this->session->set_flashdata('Message', $msg);
redirect('');
}
}
But i need popup will stay and display error message in that pop up until we given correct email/password popup will not hide

Answer 1

The best way is that, use ajax to submit form . But if u don't want to use ajax then at first, if error comes, write error message in session. then after redirection in home page, check session if error is or not. If error is there then show the model with error message. But it's not a flash message remember it.

Answer 2

Try this
Replace
$msg = '<div class="alert alert-danger"><i class="fa fa-ban"></i>';
$msg .= 'Mobile Number/Email or Password does not match';
$msg .= '</div>';
$mesg=$this->session->set_flashdata('Message', $msg);
redirect('');
to
$data['msg'] = '<div class="alert alert-danger"><i class="fa fa-ban"></i>';
$data['msg'] .= 'Mobile Number/Email or Password does not match';
$data['msg'] .= '</div>';
$this->load->view('LoginView',$data); #LoginView is a view where you login form is present
Add some lines in LoginView
if(uri_string()=="/LoginPopup")
{
echo $msg;
}

Answer 3

If you use redirect('') then definitely page will be redirected and popup will not be shown. Use ajax for form submission it will solve your problem.