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

时间:2016-08-09 13:57:04

标签: javascript jquery html html5

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

我正在尝试使用此代码但是如果我选中了我的复选框,那么它仍会显示所需的消息。

我的代码

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

https://jsfiddle.net/6ekk9upz/

1 个答案:

答案 0 :(得分:3)

复选框输入没有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>