1

使用 html5 表单验证时,似乎无法从中清除错误状态。问题出在所需的单选按钮组上。当尝试在未选择单选按钮的情况下提交它时,它会将所有单选都突出显示为错误。然后,当我选择 1 个收音机时,错误消失,但是当执行 from.reset() 将清除所选收音机时,由于没有选择收音机,它将产生错误。

我没有找到规避这一点的方法。我试过使用 setCustomValidity('') 但没有用。同样暂时禁用验证并重新启用它也不起作用。

因为唯一的方法是从 dom 中完全移除并重新生成它。仅删除单选按钮并重新生成它们将不起作用(至少具有相同的 ID)。

任何想法?

请参阅小提琴: http: //jsfiddle.net/KDkvE/
不要选择选项并按“下一步”。然后按重置。在 Firefox 中,这不会清除单选按钮周围的红色边框。

<form>
<option name='test' type='radio' value='1' required/>
<option name='test' type='radio' value='2' required/>

<input type="submit" name="submitbutton" id="submitbutton" value="next">
<input type='reset' value='Reset'/>
</form>
4

1 回答 1

1

我自己正在寻找一个优雅的解决方案,但到目前为止还没有聪明的人回答它,我将不得不提供这个不优雅的解决方案:

<input type="radio" name="radio_button_name" onclick="for(i=0;i&lt;this.form[ this.name ].length;i++){ this.form[ this.name ][i].setCustomValidity('') }" oninvalid="custom validation message">

问题似乎是您需要为每个单选按钮重置验证自定义消息,而不仅仅是您单击的那个。

于 2016-05-02T02:54:49.577 回答