Untitled

<html><head><script>
function login() {
    // get values
    var db = $("#db").val();
    var pass = $("#pass").val();
    // Check record
    $.post("check.php", {        db: db,        pass: pass  },
function (data) {
 if (data.status=='s') //status is proper of the json object, which we gave in php code
 {
var form = $('<form action="success.php" method="post">' +
  '<input type="text" name="db" value="new1" />' +
  '<input type="text" name="pass" value="12345" />' +
  '</form>');
$('body').append(form);
form.submit();
        }else {
 alert( "status: " + data ); }
        // close the popup
        $("#pass").modal("hide");
        // clear fields from the popup
        $("#pass").val("");
    });
}
</script></head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<body style="color:#ece9e9;background:#184C5D;"><div style="margin-top:25%; margin-left:25%; margin-right:auto;">
<?php
$servername = "localhost"; $username = "root"; $password = ""; $dbname = "new1";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {    die("Connection failed: " . $conn->connect_error); }
echo '<button class="btn btn-success" data-toggle="modal" data-target="#pass">Login</button><br/><br/>';
$conn->close(); ?> </div>
<!-- Modal - login -->
<div class="modal fade" id="pass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">Enter Password</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="pass">Password</label>
                    <input type="text" name="pass" id="pass" placeholder="pass" class="form-control"/>
                </div>
<?php  echo '<input type="hidden" name="db" id="db" value="'.$dbname.'">'; ?>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="login()">Login</button>
            </div>
        </div>
    </div>
</div>
<!-- // Modal -->
</body></html>

<?php
$server = "localhost"; $username = "root"; $password = ""; $dbname = "$_POST[db]"; $pass = "$_POST[pass]";
$conn = new mysqli($server, $username, $password, $dbname);
if ($conn->connect_error) {  die("Connection failed: " . $conn->connect_error); }
$dpass ="";
$sql = "SELECT pass FROM project WHERE id ='1' ";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
$dpass = $row["pass"];    } } else {}
if ($pass == $dpass) { echo "s"; } else { echo "xx"; }
$conn->close();
?>

<div class="modal fade" id="pass" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

<input type="text" name="pass" id="pass" placeholder="pass" class="form-control" />