Semantic UI Form Validation "hängt" Option funktioniert nicht

Question

Ab version 2.2 Formularvalidierungen unterstützen ein abhängiges Feld. Allerdings, wenn ich versuche, es in meinem Projekt zu implementieren, so scheint es, dass die depends Option vollständig ignoriert:

// HTML 
<form class="ui form segment"> 
    <input type="checkbox" name="is_volunteer" id="is_volunteer" /> 
    <input type="text" name="volunteer_name" id="volunteer_name" /> 
</form> 

// JS 
$('form').form({ 
    inline: true, 
    fields: { 
    name: { 
     identifier: 'volunteer_name', 
     depends: 'is_volunteer', 
     rules: [{ type: 'empty' }] 
    } 
    } 
}) 

Es ist im Grunde die gleiche Struktur wie die gezeigten Demo. Dabei wird das Textfeld name immer validiert, unabhängig davon, ob das Kontrollkästchen aktiviert ist oder nicht.

Natürlich habe ich es auch mit richtigen semantischen Markup versucht, aber es ist das gleiche Ergebnis.

Ich habe auch überprüft, ob ich wirklich Version 2.2 verwende, und ich bin ... Ich bekomme auch keinen Debug-Fehler oder irgendetwas anderes.

Answer 1

Ich glaube, die Demo-Version funktioniert.

Da ihre docs Zustand:

Formularfeldüberprüfung kann nun eine depends Eigenschaft angeben, die wird nur Ursache Validierung nur auftreten, wenn ein anderes Feld, wie ein Ankreuzfeld oder Eingabe, ausgewählt ist. So

, wenn das Kontrollkästchen ist geprüft, Validierung wird auf das Textfeld auftreten und wird einen Fehler anzeigen, wenn leer (das ist die Regel implementiert).

Wenn die Checkbox nicht geprüft, Validierung nicht auftritt auf dem Textfeld, das bedeutet keine Fehler zeigen, auch wenn das Textfeld leer ist.

Diese Funktionalität funktioniert wie in der Demo beschrieben, also denke ich, dass Ihr Code auch funktionieren sollte. Bitte korrigieren Sie mich, wenn ich etwas falsch verstanden habe!