1

正常に検証されている2種類のフィールドがありますが、値はjavascriptによって設定され、これらの入力のエラーはクリアされていません。1つはjqueryツールからのdateinputです。もう1つは、jsを介した無線選択に基づいて入力を設定する手書きのものです。フォームはオーバーレイ上にあるため、少し複雑になる可能性があります。

これは簡単なはずです。

<input class="date" id="startDate" name="meters[0].startDate" required="required"/>

もう1つは、メッセージを表示したい場所に隠された入力です。

スタイル:

        /* workaround for validation message of psuedo hidden input for meter number */
    .noShow {
        height: 0;
        padding: 0;
        border: none;
        margin: -20px 0 0 100px;
    }

鬼ごっこ:

<input class="noShow" data-message="You must select a meter from above search results." id="meterNumber" name="meters[0].number" required="required"/>

ラジオボタン変更のスクリプト:

$('input[name="selectedMeter"]').change(function() {
     $('#meterNumber').val($('input[name="selectedMeter"]:checked').val());
 });

dateinputのchangeイベントをキャプチャして、さまざまなイベントをトリガーしてみました。入力に移動して手動でキー入力を行うと、メッセージはクリアされます。これをコードでシミュレートすることはできませんでした。dateinput内で何が起こるかわかりません。

ありがとう

4

0 に答える 0