セマンティックUIフォームの検証 "depends"オプションが機能しない

Question

version 2.2現在、フォームの検証では依存フィールドがサポートされています。私は私のプロジェクトでそれを実装しようとすると、しかし、dependsオプションは完全に無視されているようです：

// 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' }] 
    } 
    } 
}) 

それは基本的に示したデモと同じ構造です。ただし、このチェックボックスをオンにしているかどうかに関係なく、nameテキストフィールドは常に有効になります。

もちろん、適切なセマンティックマークアップで試しましたが、同じ結果です。

また、私が実際にバージョン2.2を使用しているかどうかを確認しましたが、私も...デバッグエラーなど何もありません。

Answer 1

私はデモ版が動作していると思います。そのdocs状態として

：

フォームフィールドの検証は今のみ原因の検証が別のフィールドには、チェックボックスまたは入力と同様に、選択された場合にのみ発生するのでしょうdependsプロパティを指定することができます。だから、

、（実装されたルールである）チェックボックスがをチェックされている場合、検証はテキストボックスに発生し、空の場合はエラーが表示されます。

チェックボックスがをチェックされていない場合は、検証ははエラーがないことを意味し、テキストボックスには発生しませんテキストボックスが空白の場合でも、表示されます。

この機能はデモで説明されているように機能しているので、コードも同様に機能するはずです。私が誤解しているかもしれないものがあれば、私を修正してください！