ユーザーがページ上のリンクをクリックすると、ユーザーがコントローラーメソッドにログインしているかどうかを確認します。彼がログインしていない場合は、ログイン画面モーダルを画面に表示します。
この時点まではすべて正常に動作します。
ユーザーが間違ったユーザー名パスワードを指定した場合。次のページは CSS なしの新しいページとして表示されます。
結果をモーダルログイン画面に戻すにはどうすればよいですか?
ビュー/index.php
$('.index-product img').click(function() {
var product = $('<div id="modal-productDetail" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>');
$.ajax({
url: "<?php echo site_url('gallery/openProductDetail');?>",
type: 'POST',
success: function(msg) {
product.html(msg);
product.modal('show');
}
});
});
コントローラ
function openProductDetail()
{
if (!$this->ion_auth->logged_in())
{
redirect('auth/login');
} else {
$this->load->view('modal/productdetail');
}
}
ビュー/login.php
<div class="modal-header">
<h4 id="myModalLabel">Login To Your Account</h4>
</div>
<div id="loginModal" class="modal-body">
<div class="row">
<?php echo form_open("auth/login");?>
<div class="span3">
<ul class="unstyled" id="emailLogin">
<li><small class="muted">Login with your email</small></li>
<?php echo form_open("auth/login");?>
<li>
<input name="identity" value="" id="identity" type="text" placeholder="Email Address"/>
<span class="help-block" id="emailError" style="display:none;"></span>
</li>
<li>
<input name="password" value="" id="password" type="password" placeholder="Password"/>
<span class="help-block" id="passwordError" style="display:none;"></span>
</li>
<li>
<input style="display:none;" name="remember" value="1" id="remember" type="checkbox">
</li>
<li>
<a class="text-info" id="accountProblem" href="auth/forgot_password">Account problem?</a>
<input class="loginButton" type="submit" name="submit" value="Login">
<?php echo form_close();?>
</li>
<li>
<div id="infoMessage"><?php echo $message;?></div>
</li>
</ul>
</div>
</div>
</div>