jquery.validationEngine.jsを使用しています。

Question

###前提・実現したいこと
jquery.validationEngine.jsを使用しています。

validationEngine.jquery.css
「.formError .formErrorContent」
スタイルシートを変更したり、または、
「data-prompt-position="inline"」
などを駆使して、
エラーコメントが
<input>の真下に出るようにしたり、または
コメントが長くなったら、横幅のサイズを変えたりとしていますが、
なかなかうまくいきません。

<input>によって
.formError.inline {}のスタイルシートを分けることができますでしょうか。
分けてみてもjsでCSSを設定しているためかまったくききません。
宜しくお願い致します。

<input type="text" name="name" id="name" class="validate[required]"> ↑これだと .formError .formErrorContent {}このcssが効いてくれます。 <label for="test1"> <input type="radio" name="test" id="test1" class="validate[required]" data-prompt-position="inline">はい </label> <label for="test2"> <input type="radio" name="test" id="test2" class="validate[required]" data-prompt-position="inline">いいえ </label>

↑これだと
.formError .formError.inline .formErrorContent {}このcssが効いてくれます。

そしてさらにここから、cssのクラスを分けたいのですが、
どんなにcssを当ててもエラーコメントには反映されません。
コメントが長くなったりした際に幅を変えたいのです。。。

Comments

[kei344]

具体的にHTMLおよびCSS、JavaScriptを質問文に追記いただいたほうが回答を得られやすいと思います。

Answer 1

【jQuery-Validation-Engineで簡単にフォーム内容をチェック！ - 北海道苫小牧市のホームページ制作 STUDIO KEY】
http://studio-key.com/1139.html

メッセージの位置はJavaScriptで呼び出す際に指定できるようです。また、inputのidが「smptxt2」のとき、エラーメッセージには「smptxt2formError formError」がクラスとして設定されているため、それを使って微調整も出来ると思います。

Comments

[fnwakc]

すごい！やっとわかりました（涙）ありがとうございます。

Answer 2

.formError.inline {}でスタイルをあてたい場合はclass="formError inline"こういう形になっていないとあたりません。
.formErrorにスタイルをあてたい場合は親要素に.inlineがついているようなので.inline .formError {}こうするとあたるようになると思います。

Comments

[gin]

あ、「.formErrorContent.inline」と勘違いしてました。
すみません、上記のコメントは無視してください…

[fnwakc]

いえ、早速のご回答ありがとうございます。またお世話になります。