3

最近、jquery検証とともに起動されたjqueryモバイルバージョン1.3.0でphonegapを使用しています( 1.11 と 1.9 の2つのバージョンを試しました)。テキストボックスの検証で問題が発生しています。問題は、エラー メッセージがテキスト ボックス内に配置され、見栄えが悪いことです。jquery mobile 1.2.0 では、すべて正常に動作します。問題が見つかりました。エレガントに修正する方法がわかりません。

jquery モバイル 1.2.0 を使用したコード:

<label for="phone">Telefon nummer:</label>
        <input type="text" name="phone" class="phone ui-input-text ui-body-c ui-corner-all ui-shadow-inset error" value=""><label for="phone" class="error" style="">Telefonnummer skal oplyses</label>

jquery モバイル 1.3.0 を使用したコード:

<div class="ui-input-text ui-shadow-inset ui-corner-all ui-btn-shadow ui-body-c"><input type="text" name="phone" class="phone ui-input-text ui-body-c error" value=""><label for="phone" class="error" style="">Telefonnummer skal oplyses</label></div>

jquery mobile 1.3.0 でわかるように、div ラッパーが配置されています。どうすればこれを修正できますか?

ありがとう。

4

2 に答える 2

5

非常にエレガントな解決策を見つけました:)。これを検証関数オプション内に配置します。

        errorPlacement: function(error, element) {

            error.insertAfter( element.parent() );

        }
于 2013-02-26T10:20:40.650 に答える
4

すごい!JQM 1.3.0を使用している場合、これは選択、テキストエリアなどではなく、入力に対してのみ有効であるため、調整を行いました。

errorPlacement: function (error, element) {
                    if (element.is("input") && !element.is('input[type="hidden"]'))
                        error.insertAfter(element.parent());
                    else
                        error.insertAfter(element);
于 2013-04-10T18:47:42.053 に答える