html - 即使输入有效，也会弹出自定义验证消息

我正在尝试为输入type='email'定义自己的无效错误消息。

我使用以下HTML。问题是，在提交输入时，即使输入值有效，我也会收到自定义错误消息，甚至。

<input name="resp_mail" required="required" onchange="try{setCustomValidity(' ')}catch(e){}" onkeypress="try{setCustomValidity(' ')}catch(e){}" oninvalid="setCustomValidity('Custom error message')" type="email" placeholder="Enter mail" />

另请参阅this fiddle

最佳答案

如果您更改顺序以首先拥有oninvalid并删除onchange和onkeypress的空间，在我看来这是可行的。

<input
  name="resp_mail"
  required="required"
  oninvalid="setCustomValidity('Custom error message')"
  onchange="try{setCustomValidity('')}catch(e){}"
  onkeypress="try{setCustomValidity('')}catch(e){}"
  type="email"
  placeholder="Enter mail"
/>

关于html - 即使输入有效，也会弹出自定义验证消息，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38697475/