Невозможно показать модальное всплывающее окно при неудачной аутентификации LDAP - PullRequest
0 голосов
/ 15 мая 2019

Я работаю над проверкой пользователей из LDAP через PHP. Я попробовал некоторый код, и теперь я могу отлично проверять пользователей. Но в случае неудачного входа в систему я хочу отобразить модальное всплывающее окно с каким-то настраиваемым сообщением. Вот мой код -

<?php


if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // username and password sent from form 

    $username = $_POST['username'];
    //print($username);
    $password = $_POST['password'];
    //print($password);
    // using ldap bind

    $ldaprdn  = 'uid=' .$username. ',ou=People,ou=AP,o=abcd.com'; // ldap rdn or dn
    $ldappass = $password;

    // connect to ldap server
    $ldapconn = ldap_connect("ad.abcd.com") or die("Could not connect to LDAP server.");

    if ($ldapconn) {

        try {
    $ldapbind = @ldap_bind($ldapconn, $ldaprdn, $ldappass);
} catch (Exception $e) {

    //echo "<script type='text/javascript'>$('#myModal').modal('show');</script>";
                //echo "<script type='text/javascript'>$('#myModal').fadeIn('show');</script>";
                echo "<script>
         $(window).load(function(){
             $('#myModal').modal('show');
         });
    </script>";
}
        if ($ldapbind) {

            $filter = '(sAMAccountName='.$username.')';
            $result = ldap_search($ldapconn, $ldaprdn, "(cn=*)") or exit("Unable to search LDAP server");
            $entries = ldap_get_entries($ldapconn, $result); 
            $userDN = $entries[0]["ikealegacyuid"][0];          

            echo ('<p style="color:green;">I have the user DN: '.$userDN.'</p>');
            $url = 'Location: logpage01.html?uid=' .$userDN;
            echo $url;
            header($url);
        } else {
         //echo "<script type='text/javascript'>$('#myModal').modal('show');</script>";
                //echo "<script type='text/javascript'>$('#myModal').fadeIn('show');</script>";
                echo "<script>
         $(window).load(function(){
             $('#myModal').modal('show');
         });
    </script>";
        }

    }

}
?>
<html>

   <head>
      <title>Login Page</title>
        <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.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
      <style type = "text/css">
         body {
            font-family:Arial, Helvetica, sans-serif;
            font-size:14px;
         }
         label {
            font-weight:bold;
            width:100px;
            font-size:14px;
         }
         .box {
            border:#666666 solid 1px;
         }
      </style>

   </head>

   <body bgcolor = "#FFFFFF">

      <div align = "center">
         <div style = "width:300px; border: solid 1px #333333; " align = "left">
            <div style = "background-color:#333333; color:#FFFFFF; padding:3px;"><b>Login</b></div>

            <div style = "margin:30px">

               <form action = "" method = "post">
                  <label>UserName  :</label><input type = "text" name = "username" class = "box"/><br /><br />
                  <label>Password  :</label><input type = "password" name = "password" class = "box" /><br/><br />
                  <input type = "submit" value = " Submit "/><br />
               </form>



            </div>

         </div>

      </div>
      <div class="container">

  <!-- Modal -->
  <div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
          <h4 class="modal-title">System Message : Failure</h4>
        </div>
        <div class="modal-body">
          <p>Sorry !! Something went wrong. Please contact your administrator.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal" onclick="window.location.href = 'logpage01.html';">Close</button>
        </div>
      </div>

    </div>
  </div>

</div>

   </body>
</html>

Я пробовал много решений, найденных здесь. Но ничего не сработало. Нужна помощь в этом.

ОБНОВЛЕНИЕ: Также проверен источник страницы. Кажется, все в порядке. Если нет, пожалуйста, дайте мне знать проблему. enter image description here

Я также пытался вызвать модал при загрузке страницы. Работает отлично.

<script type="text/javascript">
    $(window).on('load',function(){
        $('#myModal').modal('show');
    });
</script>

Ответы [ 2 ]

0 голосов
/ 15 мая 2019

Простое отображение скрипта здесь не сработает, в лучшем случае ваш браузер в конечном итоге запустит скрипт, который ссылается на $ перед загрузкой html, который загружает jQuery, поэтому даже если он запустит ваш скрипт, он выдаст Uncaught ReferenceError: $ is not defined.

Вместо этого вы можете использовать флаг, чтобы сообщить браузеру, показывать или нет модальное изображение.Например, вы можете установить переменную в своем операторе else (и catch):

if ($ldapbind) { /*...*/ }
else {
  $access_denied=1;
}

и вставить ее в html, чтобы браузер знал, что он должен загружать модальное значение при access_denied===1, для этого выТакже необходимо добавить скрипт, который будет загружать модальные только при этом условии:

<div id="myModal" access_denied="<?php print $access_denied ?>" > ... </div>
<script> 
  $('#myModal[access_denied=1]').modal('show');
</script>

В другом контексте, используя ajax-запросы, вы, вероятно, просто повторили бы некоторый json или вывели бы модальный html напрямую.

0 голосов
/ 15 мая 2019

Если я правильно вижу, вам не хватает popper.js, который требуется для начальной загрузки.Пожалуйста, проверьте эту ссылку https://getbootstrap.com/docs/4.3/getting-started/introduction/, и вы получите онлайн CDN для поппера, который вы можете использовать.Или просто скопируйте мой фрагмент.Также имейте в виду, что вы используете начальную загрузку в версии 3. Я настоятельно рекомендую использовать V4.

В php вы должны просто повторить следующее, когда хотите показать модальный.

echo "<script>
             $('#myModal').modal('show');
       </script>";

   $('#myModal').modal('show');
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
          <h4 class="modal-title">System Message : Failure</h4>
        </div>
        <div class="modal-body">
          <p>Sorry !! Something went wrong. Please contact your administrator.</p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal" onclick="window.location.href = 'logpage01.html';">Close</button>
        </div>
      </div>

    </div>
  </div>
...