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

时间:2016-02-22 17:06:15

标签: jquery validation email input warnings

我正在使用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">
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:5)

不是jQuery警告是HTML5。

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

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

在小提琴中试试这个

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

你会看到警告。

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