Question

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

我使用下面的HTML。问题是，在提交输入时，如果输入值有效，我会收到自定义错误消息EVEN。

<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

Answer 1

如果您更改顺序以使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"
/>

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

1 个答案: