Q&A
「うまくいきません」では何も情報がないです。
起きていることを具体的に記載してください。
何を投入したら何がどうなった、とかパターンケースも提示してください
前提・実現したいこと
ログイン画面で社員番号、パスワードが未入力の際に、「社員番号を入力してください。」といった形でエラーを表示させたいのですがうまくいきません。
どこが問題なのでしょうか？
ざっくりとした質問になってしまいすいません、ご回答お願いします。
発生している問題・エラーメッセージ
未入力であっても画面が切り替わりません。
該当のソースコード
<?php if($_SERVER['REQUEST_METHOD'] == 'POST'){ //POST処理時 //1.入力値を取得 $user_no = $_POST['user_no']; $password = $_POST['password']; //echo $user_no.'<br>'; //echo $password; //exit; //2.入力値チェック $err = array(); if(!$user_no){ $err['user_no'] = '社員番号を入力してください。'; } if(!$password){ $err['password'] = 'パスワードを入力してください。'; } //3.データベースに照合 //4.ログイン処理 //5.HOME画面へ遷移 } else { //画面初回アクセス時 $user_no = ""; $password = ""; } ?> <!doctype html> <html lang="ja"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1", "shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384- 9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <!-- Original CSS --> <link href="/css/style.css" rel="stylesheet" > <title>Job</title> </head> <body class="text-center bg-light"> <form class="border rounded bg-white form-login" method="POST"> <h1 class="h3 my-3">Login</h1> <div class="form-group pt-3"> <input type="text" class="form-control rounded-pill<?php if(isset($err['user_no'])) echo 'is-invalid';?>" name="user_no" placeholder="社員番号"> <div class="invalid-feedback"><?=$err['user_no']?></div> </div> <div class="form-group"> <input type="password" class="form-control rounded-pill<?php if(isset($err['password'])) echo 'is-invalid';?>" name="password" placeholder="パスワード"> <div class="invalid-feedback"><?=$err['password']?></div> </div> <button type="submit" class="btn btn-primary text-white rounded-pill px-5 my-4">ログイン</button> </form> <!-- Optional JavaScript; choose one of the two! --> <!-- Option 1: Bootstrap Bundle with Popper --> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/ zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/ tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script> <!-- Option 2: Separate Popper and Bootstrap JS --> <!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script> --> </body> </html>
からだのぐあいがわるいです。
どこが悪いのでしょうか。
と言ってるのと一緒で、意味不明です
どういうふうにうまくいかないのか詳しく説明しよう
画面が切り替わるところの実装は今の所提示されてませんね。このコードコピペだとどこにも行きません
回答2件
0
自己解決
コード自体に間違いはなく、バリデーションチェックの処理が一通り終わった所にデバック文を入れ、実際にプログラムを動かすと、エラーメッセージの表示が確認できました。
回答してくださった方ありがとうございます！
分かりにくい質問の仕方をしてしまいすいませんでした。
投稿2021/05/26 03:36
総合スコア1
0
<input type="password" class="form-control rounded-pill<?php if(isset($err['password'])) echo 'is-invalid';?>" name="password" placeholder="パスワード">
if文の条件が成り立つと、class="form-control rounded-pillis-invalid"になるけど、いいの？
php
1 $user_no = $_POST['user_no']; 2 $password = $_POST['password'];
ここはfilter_input()使ったほうがいいと思う、細工されたりとかでそもそもuser_noやpasswordを受信していないときに面倒だから。
filter_input()を使って、入力が数値表現であることの確認も一緒にやってしまえばいい。
投稿2021/05/25 08:34
編集2021/05/25 08:35
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
