

パスワードのinputタグを二つ用意しました。一つ目のinputタグに入力された値と二つ目の確認用のinputタグの値をsubmitが押されたときに一致していなかった場合はアラートで「一致してない」と表示されるコードをかきたいのですが、教えていただきたいです。

* * *

**HTML**

[code]

    <tr>
      <th>パスワード</th>
      <td><input type="password" th:text="${loginPass1}"></td> 
    </tr>
    <tr>
      <th>パスワード確認</th>
      <td><input type="password" th:text="${loginPass2}"></td>
    </tr>
    
[/code]

**JavaScript**

[code]

    var loginPass1= 'loginPass';
    var loginPass2= 'loginPass';
    // 
    if (loginPass1 !== loginPass2) {
      alert('パスワードが一致していません');
    }
    
[/code]


CC BY-SA 4.0
2019-09-25T08:49:56.047
59261
2020-04-24T03:02:10.260
2019-10-03T06:48:48.343
2376
35696
question
javascript
JavaScriptで変数の値が一致しなかった場合に処理を実行したい


たぶん、このようにすることができる。

[code]

    function passwordCheckFunction() {
      var loginPass1= document.getElementById("loginPass1").value;
      var loginPass2= document.getElementById("loginPass2").value;
      
      if(loginPass1 !== loginPass2){
        alert("パスワードが一致していません。")
      }
    }
[/code]

[code]

     <tr>
      <th>パスワード</th>
      <td><input type="password" id = "loginPass1" th:text="${loginPass1}"></td> 
    </tr>
    <tr>
      <th>パスワード確認</th>
      <td><input type="password" id = "loginPass2" th:text="${loginPass2}"></td>
    </tr>
    <button type="button" class="passwordCheck" onclick="passwordCheckFunction()">Click Me!</button>
[/code]


CC BY-SA 4.0
2019-09-26T06:53:48.980
59285
2019-09-26T06:53:48.980
35974
59261
answer