删除输入：在其他链接点击无效 + HTML5

【问题标题】：Remove input:invalid in other link click + HTML5删除输入：在其他链接点击无效 + HTML5
【发布时间】：2018-01-19 13:21:18
【问题描述】：

我正在使用 HTML5 字段验证控件输入类型 =“数字”，“电子邮件”。在提交时，此控件的红色轮廓即将到来，因为它是必填字段。但是在清除控制值的同时，我也想删除这个红色边框。任何指针都会有所帮助。我试过 $("#txtName").removeClass('invalid');但它不起作用。

【问题讨论】：

标签： html

【解决方案1】：

如果您有一个自定义 CSS 类 (.invalid)，

$("#txtName").removeClass('invalid') 会起作用，并且您在表单验证时自己添加（例如，使用 $("#txtName").addClass('invalid')）。

如果您使用内置表单验证（即使用<input type="..." required>），您应该会看到 this other question 的答案，特别是 setCustomValidity(error) 方法。

【讨论】：