入力が有効でない無効なカスタムメッセージがボックスを選択しても無効のまま維持されます

Question

無効な（チェックされていない）ときにカスタムメッセージを表示するのにメッセージは引き続き表示され、無効とみなされます。私はそれがoninvalidとは関係があるとは思うけど、確かではない。私は最初のエラーメッセージを取得した後に取得しています何の入力

<input style="width:15px; height:15px; cursor: pointer;" class="form-check-input" type="checkbox" onclick="setCustomValidity('')" oninvalid="this.setCustomValidity('Please review the legal agreement and check this box to proceed')" required>

画像について

コードは、このボックスに

`

Answer 1

をチェックします私のために働いた

  <input style="width:15px; height:15px; cursor: pointer;" name="legal" 
     class="form-check-input" type="checkbox" required id="legal" 
     onchange="this.setCustomValidity(validity.valueMissing ? 'Please review the legal agreement and check this box to proceed' : '');"> 

コントローラ `setCustomValidity`コードである

document.getElementById("legal").setCustomValidity("Please review the legal agreement and check this box to proceed");