Puoi richiedere due campi modulo per abbinarli a HTML5?

C’è un modo per richiedere che le voci in due campi modulo corrispondano usando HTML5? O questo deve ancora essere fatto con javascript? Ad esempio, se hai due campi password e vuoi assicurarti che un utente abbia inserito gli stessi dati in ogni campo, ci sono alcuni attributi, o altri codici che possono essere fatti, per ottenere questo?

Non esattamente con la convalida HTML5 ma un piccolo JavaScript può risolvere il problema, segui l’esempio seguente:

Password:

Confirm Password:



È ansible con espressioni regolari Input Pattern (verificare la compatibilità del browser )

   

Una soluzione semplice con javascript minimo consiste nell’utilizzare il modello di attributo html (supportato dalla maggior parte dei browser moderni). Funziona impostando il modello del secondo campo sul valore del primo campo.

Sfortunatamente, devi anche evitare la regex, per la quale non esiste alcuna funzione standard.

 

Sarà richiesto JavaScript, ma la quantità di codice può essere mantenuta al minimo utilizzando un elemento intermedio e un gestore di moduli oninput per eseguire il confronto (i pattern e la convalida potrebbero aumentare questa soluzione, ma non sono mostrati qui per il bene di semplicità):