如何禁止无效电子邮件地址的jQuery警告？

Question

我正在使用jQuery 2.2.0,而对于CSS目标,我正在更新value属性以等于输入事件的输入值.每次事件触发时,使用一种"电子邮件"会在控制台中产生jQuery警告,除非它是有效的电子邮件.仅在直接更新value属性时才会显示此警告.

指定值"foo"不是有效的电子邮件地址. - > 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并在每次用户引入一些文本时进行验证.

试试这个

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

你会看到警告.

您不需要将引入的值放在value属性中,您可以使用它来$('input').val()代替使用它<input type="text">,并使用jQuery和一些RegEx进行验证.