セマンティックUI - 控えめなテストフォームの有効性

Question

私は複数のformを持っています。私のページにはdivがあります。私は控えめに各formの妥当性をテストするために使用できる方法があるかどうか知りたいですか？ formの各divは、ユーザがformdivを継続することを可能にする（クラスはok）を有する。ページの読み込み時にbuttonを無効にして、関連するすべてのデータがformから収集され、formが有効な許可の場合にのみ、そのデータを確実に取得します。私はそれぞれのフォーム要素changeに関数を追加しようとしましたが、それは意味論のis validを呼び出しますが、各有効性の問題を強調しています。私は唯一のショーにエラーをしたい必要なフィールドがぼやけてきたとき - First Nameフィールドをクリックすると、それは自動的にフォーム上のすべてのエラーを示しへhttps://jsfiddle.net/annoyingmouse/3z1wfjeL/

：

はこのJSFiddleは私の問題を示していますis validを使用してテストした結果、すべてのエラーを表示するのではなく、

誰でもアイデアがありますか？

Answer 1

これは完全な解決策ではありませんが、これはほんの少しのステップです。

現在行っていることではなく、onInvalidとonValidコールバックを使用してください。

私はmodified your fiddleを実演しました。

nextボタンを有効にするときに、最後の要素まで有効なものがあるとしたら、問題が発生します（ぼやけてしまうと無効または無効になるため）。

現時点では、「サイレント検証」オプションがないため、残りの部分はsemantic-uiで解決できません。この公開された問題：https://github.com/Semantic-Org/Semantic-UI/issues/703をご覧ください。 1つのオプションは、サイレント検証を行うために別のライブラリを使用することですが、それは本当に理想的ではありません。また、セマンティックUIにパッチを提供することもできます。

もしあなたが興味があれば、私はis validが黙って走るように2.1.8を修正したと思う（今は無効なプロンプトを取り除くことに過ぎない）。 the gistを参照してください。 （完璧ではありません。プルリクエストを提出する時間があれば、silentを検索してください）