正常に検証されている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内で何が起こるかわかりません。
ありがとう