Interfaccia utente semantica - test della validità della prova discreta

Question

Ho più form classificata div s nella mia pagina e mi piacerebbe sapere se c'è un metodo che posso usare per testare discretamente la validità di ogni form? Ogni div con la classe form ha un button (con la classe ok) che consente all'utente di continuare attraverso lo formdiv s. Vorrei disabilitare il caricamento della pagina button per garantire che tutti i dati rilevanti siano raccolti da form s, e solo quando lo stato form è valido per consentire la progressione. Ho provato ad aggiungere una funzione a ogni elemento del modulo change che chiama la semantica is valid ma che evidenzia ogni problema di validità.

Questo JSFiddle illustra il mio problema: https://jsfiddle.net/annoyingmouse/3z1wfjeL/

Quando il campo Nome viene cliccato in esso mostra automaticamente tutti errori sulla forma - Voglio che gli errori per mostrare solo quando un campo obbligatorio è stata offuscata piuttosto che mostrare tutti gli errori a seguito di test utilizzando is valid.

Qualcuno ha qualche idea?

Answer 1

Questa non è una soluzione completa, ma è un piccolo passo verso uno.

Utilizzare i callback onInvalid e onValid anziché quello che si sta facendo attualmente.

Ho modified your fiddle da dimostrare.

Il problema ora è se, per esempio, qualcuno ha tutto valida fino all'ultimo elemento quando si desidera attivare il pulsante next (perché fino a quando è sfocata che non sarà valido o non valido).

In questo momento, il resto di questo non può essere risolto con semantic-ui perché non ha un'opzione "silent validate". Vedi questo numero aperto: https://github.com/Semantic-Org/Semantic-UI/issues/703. Un'opzione sarebbe quella di utilizzare un'altra libreria per eseguire la convalida silenziosa, ma non è proprio l'ideale. Potresti anche contribuire con una patch a semantic-ui.

Se sei interessato, penso di aver corretto 2.1.8 in modo che is valid venga eseguito automaticamente (ora si tratta solo di eliminare i prompt non validi). Vedi the gist. (è lontano dall'essere perfetto e se ho tempo invierò una richiesta di pull, cercherò per silent e troverai le mie modifiche)