パスワード 入力値の確認　その2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<meta charset="utf-8">
<style>
#errorMessage {
    color: red;
}
</style>
<form>
<div id="errorMessage"></div>
 
<label for="name">お名前:</label>
<input name="name" id="name" required><br>
<label for="password">パスワード:</label>
<input type="password" name="password" id="password" required><br>
<label for="passwordConfirm">パスワード(確認):</label>
<input type="password" name="confirm" id="confirm" oninput="CheckPassword(this)"><br>
<input type="submit" value="送信">
</form>
<script>
        function CheckPassword(confirm){
            var input1 = password.value;
            var input2 = confirm.value;
 
            if (input1 != input2){
                confirm.setCustomValidity("入力値が一致しません");
            } else{
                confirm.setCustomValidity('');
            }
        }
</script>

うまくいきました。

oninput=””か、なるほど。