Come utilizzare un testo di descrizione personalizzato per il modello di input non valido invece di "È necessario utilizzare questo formato: [vuoto]"

Question

Quando l'input non corrisponde al modello specificato dall'attributo pattern, Firefox semplicemente dice "Si prega di abbinare il formato richiesto ", che va bene; tuttavia, quando questa convalida non riesce Internet Explorer 10 visualizza "È necessario utilizzare questo formato:" in un suggerimento con nient'altro. Questo può essere semplice, ma la ricerca non mi ha dato un indizio su come fornire del testo al suggerimento che lo indica come dovrebbe essere usato.

Esempio sotto per un 1-4 cifre numero:

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

Answer 1

Provare a utilizzare l'attributo title per descrivere ciò che si vuole dire:

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

dovrebbe funzionare per tutti i principali browser .. .

Da Microsoft

il contenuto dell'attributo titolo viene visualizzato come testo del suggerimento per il campo e aggiunto al messaggio di errore di disallineamento modello generico.

Da Mozilla

Utilizzare l'attributo title per descrivere il modello per aiutare l'utente .

E anche se non riesco a trovare la documentazione ufficiale, sembra funzionare anche in Chrome.