0

I did some research on "please check this box if you want to proceed". It is a html5 validation message attached to input field e.g. checkbox

<input 
    required maxlength="255" id="information_name" minlength=1 name="information[name]" 
    oninvalid="setCustomValidity('Should not be left empty.')" 
    oninput="setCustomValidity('')" />

we can use oninvalid and oninput to show or hide err

I have a react checkbox, when testing edge IE in windows, with NVDA turn on. When highlight the checkbox the msg: "please check this box if you want to proceed" appearing

edge IE mac and chrome mac, both not have msg "please check this box if you want to proceed"

extra:

Multiple Checkbox - Change Message "Please check this box if you want to proceed"

html5 oninvalid doesn't work after fixed the input field

https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/setCustomValidity

kenpeter
  • 7,404
  • 14
  • 64
  • 95

0 Answers0