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

Question

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

The specified value "foo" is not a valid email address. -> jquery.min.js:3

有没有办法暂时抑制或禁用此警告？打开控制台并在下面的渲染代码片段中输入一些内容即可查看。

$('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">

Answer 1

这不是 jQuery 警告，而是 HTML5。

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

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

用 fiddle 试试这个

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

您会看到警告。

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