アラートのOKをクリック後も、フォームに入力した値を残す方法

パスワードが一致しなかった場合にはアラートを表示します。
アラートの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>