0

ログインに失敗した場合、ダイアログ ボックスを表示する必要があります。フォーム内にエラー行を表示できるようになりましたが、 を使用してエラー メッセージを表示する必要がありますmodals。ここに私のコードがあります:

$sfAuth = new SfAuthenticate();
$sfHelper = new SfHelper();

$user = $_POST['txtUsername'];
$pass = $_POST['txtPassword'];  

$checkUser = $sfAuth->checkUserJobSeeker($user);

if($checkUser)
{
    $login = $sfAuth->loginJobSeeker($user, $pass);
    if($login)
    {           
        echo $sfHelper->redirect('forms/jobSeeker/HomeJobSeeker.php');
    }else{

        echo $sfHelper->redirect('forms/jobSeeker/formLoginJobSeeker.php?err=Invalid Username or Password');
    }
}else{
    echo $sfHelper->redirect('forms/jobSeeker/formLoginJobSeeker.php?err=Sorry, We Cannot found your Username');
    }

ログインフォームにリダイレクトした後にダイアログボックスを表示したい。誰でも私を助けてくれますか？

4

5 に答える 5

1

モーダル ダイアログ ボックスを表示するには、javascript が必要です。この以前の SO の質問を確認してください: How to create popup window(modal dialog box) in HTML )。同様に、javascript ライブラリ jQuery の拡張であるjQueryUIをチェックすることをお勧めします。

3 つのステップで、これがどのように機能するかを次に示します。

ページに jQuery および jQueryUI ライブラリ スクリプトを含める

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"/></script>

表示するモーダル ダイアログのマークアップを作成する

派手である必要はありませんがid、jQuery はそれを使用してダイアログに表示する要素を認識するため、タグに注意してください。

<div id="dialog" title="Basic dialog">
    <p>This is the message inside the modal dialog.</p>
</div>

jQueryUI を使用してダイアログを表示する

<script>
    $(document).ready(function() {
        $( "#dialog" ).dialog();
    });
</script>

ここで完全な動作例を参照してください: http://jsfiddle.net/wjp94/3/

于 2012-08-04T12:43:03.070 に答える
1

このフィドルを見てください。うまくいくはずです：http://jsfiddle.net/7PwWp/5/

ユーザー エラー時にモーダル ウィンドウを起動する場合は、条件を追加できます。

<?php if(isset($_GET['err']): ?>
  launchWindow('#message');
<?php endif; ?>

メッセージ ボックスには、次の内容を入力できます。

<p><?php echo (isset($_GET['err'])? $_GET['err']:''; ?></p>
于 2012-08-06T02:55:37.767 に答える
0

このコードを formLoginJobSeeker.php ファイルに配置します

<?php
if($_GET['err'] == "Sorry, We Cannot found your Username")\
{
echo '<script> alert("Sorry Wrong Username Or Password");</script>'
}
?>
于 2012-07-30T07:22:40.973 に答える
0

解決しましたか？そうでない場合、ここに私の解決策があります。

そのような sth にリダイレクトします (注意#run_modal):

`forms/jobSeeker/formLoginJobSeeker.php?err=YOUR_MESSAGE#run_modal`

およびJS：

function detectModalParam()
{
    var hash = $(location).attr('hash');

    if (hash == '#run_modal')
    {
        YOUT_MODAL_FUNCTION();
    };
}

$(document).ready(function()
{
    detectModalParam();
}
于 2012-08-09T14:42:01.000 に答える
0

ダイアログを表示したい場合は、jquery ダイアログを使用する必要があります

次のコードをページに追加します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"/></script>

<div id="dialog" title="Basic dialog" style="display:none">
  <p>
         <?php if(isset($_GET['err'])) echo $_GET['err'];?>
  </p>
</div>


<?php if(isset($_GET['err']){ ?>
   <script type="text/javascript">
   $(document).ready(function() {

         $( "#dialog" ).dialog();
    });
    </script>
<?php } ?>

モーダルがどのように見えるかを確認したい場合は、このリンク http://codebins.com/bin/4ldqp8pを確認してください

于 2012-08-09T07:07:29.250 に答える