0

パスワードが一致しなかった場合にはアラートを表示します。
アラートのOKをクリックすると入力した内容が全て消えてしまうのですが、消えずにそのまま残すにはどうしたらいいのか教えていただきたいです。

ajaxを使うと複雑になるとおもうのですが、どのようにするのか教えて頂きたいです。

Javascript

function passwordCheckFunction() {
    var loginPass1= document.getElementById("loginPass1").value;
    var loginPass2= document.getElementById("loginPass2").value;

    if(loginPass1 !== loginPass2){
        alert("パスワードが一致していません。")
    }
}

HTML

<tr>
    <th>パスワード</th>
    <td>
        <input type="password" class="form-control" id = "loginPass1" th:field="*{loginPass}">
    </td>
</tr>
    <tr>
    <th>パスワード確認</th>
    <td>
        <input type="password" class="form-control" id = "loginPass2" th:field="*{loginPass}">
    </td>
</tr>
<button type="button" class="passwordCheck" onclick="passwordCheckFunction()">Click Me!</button>
5
  • 「フィールドに入力した」内容が消えてしまう/そのまま残したい、ということでしょうか?
    – cubick
    Commented 2019年9月27日 3:03
  • はい、そうです。そのままフィールドに入力した値を残したいです。
    – 123456
    Commented 2019年9月27日 4:01
  • 2
    おそらくHTMLではなくて「Thymeleaf」の中身を記述頂いたようですが、それをHTMLで利用できるように変換して試しましたが、HTMLとJSではフィールドが消えることは確認できませんでした。別のところでなにか違うことをやっているか、もしくはテンプレートエンジン側で何かが起きている可能性があります。再現性のとれるHTML+JSを記載していただけると幸いです。
    – keitaro_so
    Commented 2019年9月27日 4:42
  • ありがとうございます。jsは教えていただいたそのまましようしております。、テンプレートはおっしゃる通りthymeleafを使っております。
    – 123456
    Commented 2019年9月27日 4:45
  • 残念ながら編集いただいたコードでも再現性は取れませんでした。質問投稿時の機能である「スニペット」に再現できるコードを貼り付けていただくことは可能ですか?「質問-回答-スニペットのマークアップ練習場」でスニペットのお試しも可能です。
    – keitaro_so
    Commented 2019年9月30日 23:16

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。