javascript - 如何更改复选框所需的消息

Question

我想更改我的复选框所需的默认消息。

我正在尝试使用这段代码，但如果我选中我的复选框，它仍然会显示所需的消息。

我的代码

<input  required type="checkbox" name="rcheck2" 
oninvalid="this.setCustomValidity('check plz')" oninput="setCustomValidity('')" />

https://jsfiddle.net/6ekk9upz/

Answer 1

复选框输入没有 oninput 事件，它们有 onchange 事件。

检查这个:

<form action="" name="formReg" id="formReg" method="post" class="formReg">
  <div class="checkTxt">
    <input  required type="checkbox" name="rcheck1" oninvalid="this.setCustomValidity('check plz')" onchange="this.setCustomValidity('')"/>
  </div>
  <div class="checkTxt">
    <input  required type="checkbox" name="rcheck2" oninvalid="this.setCustomValidity('check plz')"  onchange="this.setCustomValidity('')"/>
  </div>
  <div class="checkTxt">
    <input  required type="checkbox" name="rcheck3" oninvalid="this.setCustomValidity('check plz')" onchange="this.setCustomValidity('')"/>
  </div>
  <input type="submit" name="btnReg" value="Submite"/>
</form>