【问题标题】:How to remove validation error from HTML5 input?如何从 HTML5 输入中删除验证错误?
【发布时间】:2012-07-26 08:06:15
【问题描述】:

客户有一个使用 AJAX 回调提交的联系表单。完成 AJAX 请求后,表单字段被清除。

这就是问题的体现:清空的表单字段会立即被浏览器标记为错误。

有没有办法使用 JavaScript 消除验证错误?

【问题讨论】:

  • 您可以“记住”用户的输入,然后再替换它。你用什么样的按钮来提交它?它在<form> 元素内吗?
  • 是的,这是一个标准的提交输入,它只会在关闭 JavaScript 的情况下发送一个 POST 请求。但是在开启 JS 的情况下,它附加了一个回调来发送 AJAX 请求。
  • 字段为必填项="required"。当它们被清空时,浏览器会给出一个标准错误,用红框标记这些字段。
  • 这种情况下的字段,你需要从<form>元素中移除按钮。如果您这样做,那么它将不会自动提交或清空表单字段。

标签: javascript html validation


【解决方案1】:

不要清除单个值,只需在表单元素上使用reset() 函数。这会将表单清除为其原始(空)状态,并且不会出现错误。

【讨论】:

  • 确实,这似乎也重置了值和验证。干杯!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2019-04-29
  • 1970-01-01
  • 1970-01-01
  • 2021-12-09
  • 1970-01-01
  • 2012-05-08
  • 1970-01-01
相关资源
最近更新 更多