如何禁止無效電子郵件地址的jQuery警告？

Question

我正在使用jQuery 2.2.0，並且對於CSS定位，我將value屬性更新爲等於輸入事件上的輸入值。每次事件觸發時，使用一種「電子郵件」會在控制檯中產生一個jQuery警告，除非它是有效的電子郵件。此警告僅在直接更新值屬性時纔會顯示。

指定值「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">它會發出警告，因爲不是一個有效的電子郵件地址。

所以說這個函數是強制把值的屬性放入引用的值，這樣刷新DOM並在用戶每次引入一些​​文本時進行驗證。

在小提琴

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

試試這個，你會看到警告。

您不需要將引入的值放入值屬性中，只需使用$('input').val()即可獲取它，或者改爲使用<input type="text">並使用jQuery和某些RegEx進行驗證。