2013-08-19 9 views
12

Khi đầu vào không khớp với mẫu được chỉ định bởi thuộc tính mẫu, Firefox chỉ cần nói, "Vui lòng khớp định dạng được yêu cầu ", điều đó vẫn ổn; Tuy nhiên, khi xác nhận này không thành công Internet Explorer 10 hiển thị "Bạn phải sử dụng định dạng này:" trong chú giải công cụ không có gì khác. Điều này có thể đơn giản, nhưng việc tìm kiếm đã không mang lại cho tôi một đầu mối về cách cung cấp văn bản cho chú giải công cụ cho biết mẫu sẽ được sử dụng.Làm cách nào để sử dụng Văn bản chú giải công cụ tùy chỉnh cho Mẫu nhập không hợp lệ thay vì "Bạn phải sử dụng định dạng này: [blank]"

Ví dụ dưới đây cho một 1-4 chữ số:

<input id="institution_threshold_days" type="text" placeholder="0-9999" pattern="^[0-9]{1,4}$" /> 

Trả lời

17

Hãy thử sử dụng các thuộc tính tiêu đề để mô tả những gì bạn muốn nó nói:

<input id="institution_threshold_days" type="text" placeholder="0-9999" pattern="^[0-9]{1,4}$" title="Please enter a number less than 10000." /> 

nên làm việc cho tất cả các trình duyệt chính ..

. Từ Microsoft

nội dung của thuộc tính tiêu đề được hiển thị dưới dạng văn bản chú giải công cụ cho trường và được thêm vào thông báo lỗi không khớp mẫu chung.

Từ Mozilla

Sử dụng thuộc tính tiêu đề để mô tả mô hình để giúp người dùng .

Và mặc dù tôi không thể tìm thấy tài liệu chính thức, dường như tài liệu này cũng hoạt động trong Chrome.

+2

Tôi yêu bạn. Anh yêu em. – Michael

+1

Điều này cũng sẽ hiển thị thông báo trong Chrome và Firefox. Nó không được đề cập cụ thể, vì vậy tôi nghĩ rằng tôi sẽ. – Chris

+0

Tôi hoàn toàn không thể ẩn thông báo chú giải công cụ này? Nguyên nhân khi tôi viết nó vẫn mang đến "Bạn phải sử dụng định dạng này: "trong chú giải công cụ cho trường này. Làm cách nào để tránh điều này? – SchweizerSchoggi

Các vấn đề liên quan