2016-10-19 9 views
0

にラベルを付けます。フォーム内の各フィールドの上に個々のエラーを表示するにはjqueryの検証となっerrorLabelContainer /ラッパーは、私はjqueryの検証を使用していると私はこれを使用してい

<label class="error" for="firstName" generated="true"></label> 

:しかし、私はまた、これを使用しています。

問題は、一度に1つしか動作しないことです。 wrapper: "li"を削除すると、<label>が表示されます。 wrapper: "li"のままにすると、ラベルが表示されません。どのようなアイデアは、この紛争を引き起こしているとどのようにそれを修正するには?前もって感謝します。

フィドル:http://jsfiddle.net/sw87W/39/

答えて

1

私はwrapper: "li"<label>番組を削除した場合。 wrapper: "li"のままにしておくと、labelは表示されません。このコンフリクトを引き起こす原因は何ですか...

これは矛盾ではなく、how the plugin worksです。 wrapperは、メッセージ要素を含める場所です。デフォルトでは、windowに設定され、label要素は各フォーム入力の横に配置されます。 liに変更すると、errorLabelContainerと組み合わせてliの中にメッセージ要素を配置するようプラグインに指示しています。 の2つの場所にあることを伝えるのにwrapperを使用することはできません。

...どうすれば解決できますか?

達成しようとしていることは完全にはわかりません。同じメッセージを2か所に表示したい人は誰ですか?

しかし、実際には両方の要素の横にエラーメッセージが表示され、エラーの一覧が両方とも表示されるようにするには、the showErrors functionを参照してください。

errorMapおよび/またはerrorListオブジェクトを使用して、エラーリストを作成できます。この機能の中でthis.defaultShowErrors()を使用すると、通常はすべてのフォーム入力の横に表示されるデフォルトのメッセージが再びアクティブになります。

しかし、IMO、あなたは次のすべてのフォーム入力にデフォルトのメッセージの配置を維持するドキュメントからの例を使用するだけでなく、フォーム上の単一便利なメッセージ、すなわち持っている必要があります。を「あなたは3を持っていますエラーが発生しました。下記を参照してください。

+0

ご意見ありがとうございます。 2つの異なるエラーメッセージのセットではなく、私が従わなければならないデザインです。あなたの説明は役に立ちますが、解決策は私の頭の上にあるかもしれません。私はshowErrors関数について読んで、組み込みを試みます。再度、感謝します! – bunnycode

関連する問題