如何抑制无效电子邮件地址的 jQuery 警告？答案

【问题标题】：How do I suppress jQuery warnings for invalid email address?如何抑制无效电子邮件地址的 jQuery 警告？
【发布时间】：2016-02-22 17:06:14
【问题描述】：

我正在使用 jQuery 2.2.0，对于 CSS 目标，我正在更新 value 属性以等于输入事件的输入值。每次事件触发时，使用“电子邮件”类型会导致控制台中出现 jQuery 警告，除非它是有效的电子邮件。此警告仅在直接更新 value 属性时出现。

指定的值“foo”不是有效的电子邮件地址。 -> jquery.min.js:3

有没有办法暂时禁止或禁用此警告？打开控制台，在下面渲染出来的sn-p中输入一些东西就可以看到了。

$('input').on('input', function () {
  $(this).attr('value', $(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<input type="email">

【问题讨论】：

【解决方案1】：

这不是 jQuery 警告是 HTML5。

当您输入无效的电子邮件值（如 <input type="email" value="a">）时，它会抛出警告，因为它不是有效的电子邮件地址。

这么说你的函数是强制将引入的值放入 value 属性，这会刷新 DOM 并在每次用户引入一些文本时进行验证。

在小提琴中试试这个

<input type="email" value="a">

你会看到警告。

您不需要将引入的值放入 value 属性中，您可以使用 $('input').val() 获取它，或者使用 <input type="text"> 并使用 jQuery 和一些 RegEx 进行验证。

【讨论】：