Cách dễ nhất để xác định xem `<input type =" email "..` (ví dụ) có được hỗ trợ trong trình duyệt hiện tại không?

Question

Với HTML5, đánh dấu sau chỉ đủ để trình duyệt xử lý xác thực nhập cho một.

Nó sẽ kiểm tra đầu vào được phù hợp với một định dạng địa chỉ email cũng như rằng nó được thực sự cung cấp:

<input id="email" name="email" type="email" placeholder="Email address" required/> 

Không cần để móc vào các sự kiện, không phải cho hộp đầu vào cũng không cho vào nút gửi , bình thường.

Tôi đang tìm cách quyết định xem trình duyệt có hỗ trợ chức năng này hay không hoặc tôi nên tự xử lý xác thực nhập.

Tôi tự hỏi nếu có cách nào để tiến thẳng về phía trước, hoặc tôi sẽ duy trì một bảng gồm tất cả các kết hợp thương hiệu có thể có và cờ được hỗ trợ.

Answer 1

Như đã đề cập bởi @deceze, các kỹ thuật phát hiện được mô tả trong here và công cụ này là modernizr

if (!Modernizr.inputtypes.email) { 
    // no native support for <input type="email"> :(
    // maybe build one yourself with Dojo or jQueryUI 
} 

Answer 2

Bạn có thể kiểm tra các loại đầu vào từ thư viện Modernizr như đã đề cập bởi các 'Tzury' nhưng đây là danh sách các trình duyệt và các phiên bản của chúng hỗ trợ các phần tử nhập html5 mới.

Hỗ trợ trình duyệt cho Biểu mẫu HTML5 đang phát triển nhưng bị giới hạn. Có vẻ như nhiều nhà cung cấp trình duyệt bên cạnh Opera chưa nỗ lực đáng kể vào các điều khiển biểu mẫu mới của họ. Tuy nhiên, các trình duyệt WebKit gần đây đã tăng hỗ trợ cho các biểu mẫu, có lẽ do sự ra đời của iPhone và màn hình bàn phím ảo của nó, như chúng ta sẽ thấy ngay. Các tính năng nâng cao hơn như xác thực vừa được giới thiệu. Bảng 7-1 tóm tắt trạng thái hiện tại của các hình thức hỗ trợ HTML5 hiện nay.

Kiểm tra hỗ trợ trình duyệt là ít hữu ích trong bối cảnh của hình thức HTML5 mới, vì chúng đã được thiết kế để làm suy giảm một cách duyên dáng trong các trình duyệt cũ. Phần lớn, điều này có nghĩa là bạn sẽ an toàn khi sử dụng các phần tử mới ngày hôm nay, vì các trình duyệt cũ hơn sẽ quay trở lại hiển thị trường văn bản đơn giản cho bất kỳ loại đầu vào nào mà chúng không hiểu.

Để tham khảo bạn có thể kiểm tra cuốn sách này trên Amazon Apress Pro HTML5 Programming Sep 2010