たとえば、次のようなフィールドがあります。
<textarea id="feedbackBody" name="feedbackBody" class="fullwidth"></textarea>
そして、ロジックコードで次のようなことができるはずだと思いました:
エラーの場合
<textarea id="inputWarning" name="feedbackBody" class="fullwidth"></textarea>
<span class="help-inline">Eroor</span>
したがって、私のサーバーは、URL のフィールド IF error=yes の下にスパンを表示するだけで、textarea の ID を変更してヘルプラインを表示することができます。
ただし、これは機能しません。エラーのスタイリングは表示されません。
ドキュメントは、エラーを表示するには、次のようなことをしなければならないことを示しています:
<div class="control-group warning">
<label class="control-label" for="inputWarning">Input with warning</label>
<div class="controls">
<textarea id="inputwarning" name="feedbackBody" class="fullwidth"></textarea>
<span class="help-inline">Something may have gone wrong</span>
</div>
</div>
エラーを表示するためだけにすべてのフィールドをワープするのは非常に多くのコードです...もっと良い方法が必要です。現在のように見えるため、ページに次のようなコードを含める必要があります。
エラーがない場合
<textarea id="feedbackBody" name="feedbackBody" class="fullwidth"></textarea>
そうしないと
<div class="control-group warning">
<label class="control-label" for="inputWarning">Input with warning</label>
<div class="controls">
<textarea id="inputwarning" name="feedbackBody" class="fullwidth"></textarea>
<span class="help-inline">Something may have gone wrong</span>
</div>
</div>
したがって、下に単純なスパンを「表示」するだけではなく、フィールド全体をその周りにあるすべてのもので再作成する必要があります。