使用電子郵件鍵盤以HTML格式在手機上輸入

Question

我有一個帶有電子郵件字段的表格。 我希望它在移動瀏覽器上使用電子郵件鍵盤。 現在，通常通過更改類型來完成： <input type="email"/> 。 但是，當我這樣做時，在桌面Firefox和Chrome中，該字段將由瀏覽器驗證。 這會破壞布局（在Firefox中），並取代我自己的驗證-然后，該驗證將在除電子郵件地址（在Chrome中是電子郵件地址）之外的所有表單字段上可見。

是否有另一種方法可以將鍵盤切換為移動設備上的電子郵件，或者可以禁用台式機瀏覽器中的驗證？

Answer 1

您可以檢查用戶是否不在使用移動設備瀏覽，然后將novalidate添加到輸入字段。

if(!( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) )) { 
    $('#id').attr('novalidate', 'novalidate');
}

另外，如果您使用此方法，請記住以下幾點：

“用戶代理嗅探是一種非常簡單的檢測技術，用戶代理字符串是一個不斷變化的目標，不應單獨信任它們。” 在jQuery中檢測移動設備的最佳方法是什么？