Question

我有一个根据需要设置了复选框的表单：

<input required="required" oninvalid="this.setCustomValidity('Este campo es requerido')" type="checkbox" name="terms" value="Si Acepto" />

最初，在页面加载后我点击提交（不点击复选框），所需属性会正确触发。然后我单击复选框并再次点击SUBMIT，但仍然触发了必需的属性，它没有识别出复选框已被选中并且已满足所需的属性。

这可能是一个非常简单的问题，但我该如何解决这个问题？

Answer 1

将onchange="this.setCustomValidity('')"作为属性添加到您的复选框。因为一旦它保持这种状态你就把它设置为无效！但是，每次更改值时都会重置验证。

<input required="required" oninvalid="this.setCustomValidity('Este campo es requerido')" onchange="this.setCustomValidity('')" type="checkbox" name="terms" value="Si Acepto" />

需要HTML 5必需的住宿

1 个答案: