HTMLのCODE:ブートストラップモーダルで成功またはエラーメッセージを表示する方法は?
<li class="llogin">
<a class="mlogin" data-target="#loginmodal" data-toggle="modal"><span class="glyphicon glyphicon-chevron-down pull-right"></span>Login</a>
<div class="modal" id="loginmodal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<input type="text" name=username id="username" placeholder="username" value="" class="form-control" />
</div>
<div class="form-group">
<input type="password" name=password id="password" placeholder="password" value="" class="form-control" />
</div>
<div class="form-group">
<div class="row">
<div class="text-center" class="col-md-6">
<input type="submit" name="loginsubmit" id="loginsubmit" class="form-control btn btn-info" value="LogIn" style="width:20%">
</div>
</div>
</div>
<div id="loginresult" class="alert-success"></div>
</div>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal">Close</button>
<button class="btn btn-primary">Login</button>
</div>
</div>
</div>
</div>
</li>
Ajaxコード:
$("#loginsubmit").click(function(){
var username = $("#username").val();
var password = $("#password").val();
$.ajax({
type:'POST',
data: {username:username,password:password},
url:'login.php',
success:function(logged)
{
$("#loginresult").html(logged);
$('#loginmodal').modal("show");
},
})
})
私はPHP .Iを使用してウェブストアを構築していbootstrap
モーダルにメッセージを表示したいが、何が起こっているのか分かりません上記のコードで間違っています。
希望の動作を達成するために私が何をすべきか教えてください。
私はモーダルなしのメッセージを受け取っていますが、私はモーダルでメッセージを表示したいと思います。
また、PHPコードを投稿して、どのような応答がサーバーから返されてくるかを確認することができます。 –
@HikmatSijapati私はPHPコードを投稿しました。問題を解決するのを助けてください – John