jQuery UI ベースのタブを使用してさまざまなフィールドを整理するフォームがあります。検証にはjquery.validate.min.jsを使用しています。たとえば、一部のフィールドには class = "required" があり、プラグインに必須フィールドの検証を通知します。最後に、フォームを送信する前にフォームを検証して、すべての入力が正しいことを確認します。のような簡単な使い方 -
HTML
...
<input type="text" class = "required" ...
SCRIPT
...
$("#frmClaim").validate();//to initilize validation
...
$('#frmClaim').submit(function () {
if($(this).valid())
{ ... }
});
...
私が直面している問題は、タブ 3 を使用していて、タブ 2 にユーザーが入力していない「必須」フィールドがある場合、検証が実行されないことです。検証は、表示されているフィールド、つまりアクティブなフィールドに対してのみトリガーされます。これは可能ですか、それとも何か不足していますか?
今のところ、送信時に各タブを手動で有効にし、.valid を実行して続行します。より良い回避策はありますか?