0

ユーザーの連絡先情報を収集するフォームがあり、このフォームは生年月日に 3 つのフィールドを使用しています。

日付の選択には Jquery UI の Datepicker を使用し、フォームの検証には ValidationEngine (ソースはこちら、元の開発者はこちら) を使用しています。

フォームを送信する前に日付が正しいことを確認したい。

4

2 に答える 2

0

validationengine プラグインの最新バージョンを使用することをお勧めします。Github readme ページから:

日付ピッカーを使用した ValidationEngine

検証がぼかしイベントにバインドされているため、エンジンで日付ピッカーを使用すると問題が発生します。フィールドにデータが入力される前にフォーカスを失うため、奇妙なバグが発生します。幸いなことに、datepicker バインディング中に遅延を使用する修正を実装しました。

このモードを使用するには、次のようにクラス datepicker を入力に追加する必要があります。

<input type="text" id="req" name="req" class="validate[required] text-input datepicker" value="">

これにより、日付フィールドが検証されることが確認されます。あなたの場合、日付が実際の有効な日付であることも検証したいので、クラスの検証部分にカスタム日付チェックを追加します。

<input type="text" id="req" name="req" class="validate[required,custom[date]] text-input datepicker" value="">

validationengineのデフォルトのISO YYYY-MM-DDとは異なる形式で日付を検証する必要があるかどうかはわかりませんが、そうする場合は、この正確な質問を解決するこのstackoverflowスレッドを見ることをお勧めします。

于 2013-03-04T10:07:22.817 に答える