2017-01-18 20 views
0

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">&times;</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モーダルにメッセージを表示したいが、何が起こっているのか分かりません上記のコードで間違っています。

希望の動作を達成するために私が何をすべきか教えてください。

私はモーダルなしのメッセージを受け取っていますが、私はモーダルでメッセージを表示したいと思います。

+0

また、PHPコードを投稿して、どのような応答がサーバーから返されてくるかを確認することができます。 –

+0

@HikmatSijapati私はPHPコードを投稿しました。問題を解決するのを助けてください – John

答えて

0
<?php 
require_once("config.php"); 
if(isset($_REQUEST['username'])) 
{ 
    $username= $_REQUEST['username']; 
    $password= $_REQUEST['password']; 
//echo $username; 

$con = mysqli_connect(DB_HOST,DB_USERNAME,DB_PASSWORD,DB_NAME); 
if($con) 
{ 
$sql = "SELECT `username`,`password` FROM `register` WHERE `username`=? AND `password`=?"; 
$obj = mysqli_prepare($con,$sql); 
if(is_object($obj)) 
{ 
    mysqli_stmt_bind_param($obj,"ss",$username,$password); 
    mysqli_stmt_bind_result($obj,$myuser_name, $mypassword); 
    mysqli_stmt_execute($obj); 
    mysqli_stmt_store_result($obj); 
    mysqli_stmt_fetch($obj); 
    if($myuser_name == $username && $mypassword == $password) 
    { 
     echo "Successfully Logged In"; 
    }else{ 
     echo "Logged In failed"; 
    } 
}else{ 
    echo "Not Object"; 
} 

}else{ 
    echo "db problem"; 
} 
}else{ 
    echo "value not set"; 
} 


?> 

here is PHP Code. 
0

idは「loginmodal」と入力してください。多分それは行方不明ですか?

+0

私は今コードを編集してください編集してください – John

関連する問題