Ich habe mehrere form classed div s auf meiner Seite und ich würde gerne wissen, ob es eine Methode gibt, mit der ich die Gültigkeit jedes form unauffällig testen kann? Jedes div mit der Klasse form hat ein button (mit der Klasse ok ), was es dem Benutzer erlaubt, durch form div s weiterzugehen. Ich möchte diese button beim Laden der Seite deaktivieren, um sicherzustellen, dass alle relevanten Daten von form s gesammelt werden, und nur wenn form gültig ist, um eine Progression zu ermöglichen. Ich habe versucht, jedem Formularelement change eine Funktion hinzuzufügen, die semantic's is valid aufruft, aber jedes Gültigkeitsproblem hervorhebt.
Dieser JSFiddle veranschaulicht mein Problem: Ссылка
Wenn auf das Feld Vorname geklickt wird, werden automatisch alle Fehler im Formular angezeigt. Ich möchte, dass die Fehler nur dann angezeigt werden, wenn das a Feld verschwommen ist zeigt alle Fehler als Ergebnis des Tests mit is valid an.
Hat jemand irgendwelche Ideen?
Dies ist keine vollständige Lösung, aber es ist ein kleiner Schritt in Richtung eines.
Verwenden Sie die Callbacks onInvalid und onValid und nicht das, was Sie gerade tun.
Ich habe deine Geige modifiziert , um das zu demonstrieren.
Das Problem ist jetzt, wenn zum Beispiel jemand alles hat, was bis zum letzten Element gültig ist, wenn Sie die next -Schaltfläche aktivieren wollen (weil bis es unscharf ist, wird es nicht gültig oder ungültig sein).
Im Moment kann der Rest nicht mit semantic-ui gelöst werden, da es keine "silent validate" -Option gibt. Siehe dieses offene Problem: Ссылка . Eine Option wäre, eine andere Bibliothek zu verwenden, um eine stille Validierung durchzuführen, aber das ist wirklich nicht ideal. Sie könnten aber auch einen Patch zu semantischen-ui beitragen.
Wenn Sie interessiert sind, glaube ich, dass ich 2.1.8 gepatcht habe, so dass is valid still läuft (jetzt geht es nur noch darum, die ungültigen Eingabeaufforderungen loszuwerden). Siehe den Kern . (Es ist bei weitem nicht perfekt und wenn ich Zeit habe, werde ich eine Pull-Anfrage einreichen, suche nach silent und du wirst meine Änderungen finden)
Tags und Links jquery semantic-ui