ユーザーがログインフォームを送信した後、PHPからのechoステートメントでいくつかの簡単なJQueryコマンドを実行しようとしています。
ユーザーは正しい資格情報でログインできますが、間違った資格情報を入力すると、無効な資格情報の段落が表示されます。
コードは次のとおりです。
<?php
//PHP code for login in, working, not needed to show
echo 'Testing
<script>
$( ".wrong" ).show( "slow" );
</script>';
?>
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body class="login">
<form action="" method="post" class="login-form">
<p class="wrong" style="display: none;">Invalid Credentials</p>
<a class="link" href="#">Forgot your password?</a>
<button type="submit" class="login-btn" name="submitLogin">Log in</button>
</form>
</body>
注:エコーからのテスト値は表示されますが、JQueryは実行されません。
ログインフォームが機能するためのセッションを作成するため、HTMLの後にPHPコードを配置することはできません。
<?php
echo 'Testing
<script>
$( ".wrong" ).show( "slow" );
</script>';
?>
これはセッションを作成せず、最上位である必要はありません。一番上にある必要があるのsession_start()
はyesの呼び出しですが、スクリプトhtmlをエコーアウトする必要はありません。
たとえば、あなたはすることができます
<?php
session_start();
if(attemptLogin()){
//logged in path
} else {
//wrong credentials
$LoginError = true;
}
?>
<!doctype html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<?php if($LoginError):?>
<script>
jQuery(document).ready(function(){
$( ".wrong" ).show( "slow" );
});
</script>;
<?php endif;?>
</head>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加