パスワードが一致しなかった場合にはアラートを表示します。  
アラートの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>
    
```
CC BY-SA 4.0
2019-09-27T02:52:26.353
59313
2019-09-27T05:39:22.327
2019-09-27T05:39:22.327
3060
35696
question
javascript thymeleaf
アラートのOKをクリック後も、フォームに入力した値を残す方法