javascript - 根据某些条件在我的 HTML 页面中创建一个对话框

Question

我需要做什么....在我的 login.php 的 php 部分中，我检查用户密码并以这种方式登录:

<?php

// some code

session_start();
$query = "SELECT * FROM CRM.Users WHERE Login = '$l_username' AND Password = '$l_password'";
$result = mysql_query($query) or die ( "Error : ".mysql_error() ); 
while($row = mysql_fetch_assoc($result)){

... 

if(mysql_num_rows($result) < 1){

// echo The password or login is wrong  

</php>

在我的 HTML 中我有:

<div id="dialog" title="Basic dialog">
  <p>The password or login is wrong</p>
</div>

在我的 JS 部分我有:

function myfunction() 
    {

     $( function() {
       $( "#dialog" ).dialog();
     } );

}

但是当我将 MyFunction() 与一些测试提交按钮(通过 onClick 事件)绑定(bind)时，我在我的页面中看到了 DIV 部分，就像普通的 html 文本一样。但我不想在条件不成立时看到它。所以，我的问题:

1. 如何实现密码/登录检查，抛出对话框，当用户点击确定时，我想拉出用户到index.php页面
2. 如何在条件为假时隐藏 Dialog 的 DIV

Answer 1

这是您的问题的代码:

<?php
if(mysql_num_rows($result) < 1) {
?>
<script>
$(function(){
  myFunction();
});
</script>
<?php }?>

<script>
    function myfunction() 
    {
        $("#dialog").dialog({
          resizable: false,
          modal: true,
          buttons: {
            OK: function() {
              $( this ).dialog( "close" );
              window.location = 'http://localhost';
            }
          }
        });
    }
</script>