0

私はログインフォームに取り組んでいます。ここにコードがあります

<?php 
   require_once('../../SfHelper.php'); 
   $sfHelper = new SfHelper();
   echo $sfHelper->load_css('ui-lightness/login');
?>


<div name="form_Login" class="form_Login">
<form id="form1" name="form1" method="post" action="<?php echo 
      $sfHelper->base_url().'forms/jobseeker/'; ?>process_Login.php" >
<table width="296" border="0" align="center" cellspacing="5">
    <tr>
       <td colspan="3">LOGIN JOB SEEKER</td>
    </tr>
    <tr>
       <td width="110">Username</td>
       <td width="18">:</td>
       <td width="209"><input type="text" name="txtUsername" 
            id="txtUsername" /></td>
    </tr>
    <tr>
       <td>Password</td>
       <td>:</td>
       <td><input type="password" name="txtPassword" id="txtPassword" /></td>
    </tr>
    <tr>
       <td colspan="3">

   </td>
    </tr>
    <tr>
       <td colspan="3"><div align="center">
          <input type="submit" name="Login" id="Login" value="Login" />
          </div></td>
    </tr>
 </table>
</form>
</div>


<?php
if(isset($_GET['err']))
{
   if($_GET['err'] == "Sorry, We Cannot found your Username")
   {
      echo '<script type="text/javascript"> 
               alert("Sorry, We Cannot found your Username"); </script>';

   }
   else if($_GET['err'] == "Invalid Username or Password")
   {
        echo '<script type="text/javascript"> 
                     alert("Invalid Username or Password");</script>';
   }
}
?>

問題は、アラートを使用するのではなく、jquery モーダル ダイアログ ボックスを使用してエラー メッセージを表示する必要があることです。jquery の使用についても、php や javascript をマスターしたことについてもまったくわかりません。誰かがそれがどのように行われたかを教えてもらえますか?

コードを作り直して追加しました 

if(isset($_GET['err']))
{
     if($_GET['err'] == "Sorry, We Cannot found your Username")
     {
        echo '<script type="application/javascript">
           $("#Login").click(function() {
              $( "#dialog-message" ).dialog({
                 modal: true,
                 buttons: {
                    Ok: function() {
                       $( this ).dialog( "close" );
                    }
                 }
              });
           });
       </script>';
     }
     else if($_GET['err'] == "Invalid Username or Password")
     {
         echo '<script type="application/javascript">
            $("#Login").click(function() {
                 "#dialog-message2" ).dialog({
                     modal: true,
                     buttons: {
                        Ok: function() {
                           $( this ).dialog( "close" );
                        }
                     }
                 });
            });
        </script>';
    }
}

ログインに失敗した場合に表示する div は次のとおりです。 

   <div id="dialog-message" style="display:none" >
    <p>
    <span class="ui-icon ui-icon-circle-check" 
                style="float:left; margin:0 7px 50px 0;"></span>
    Sorry, We Cannot found your Username
    </p>
   </div>

  <div id="dialog-message2" style="display:none" >
    <p>
    <span class="ui-icon ui-icon-circle-check" 
                 style="float:left; margin:0 7px 50px 0;"></span>
    Invalid Username or Password
    </p>
  </div>

動作していないようです。誰かが私が間違っていた場所を教えてもらえますか?

4

1 に答える 1

1

ページが完全に読み込まれる前に、「ready」を追加する必要があります

$(document).ready(function() {
  // Code using $ as usual goes here.
  //The DOM is now loaded and can be manipulated.
});

  echo '<script type="application/javascript">
                $(document).ready(function() {
                     $("#Login").click(function() {
                        $( "#dialog-message" ).dialog({
                              modal: true,
                              buttons: {
                              Ok: function() {
                               $( this ).dialog( "close" );
                              }
                             }
                         });
                       });
                       });
         </script>';
于 2012-07-31T07:25:00.763 に答える