0

Bassistance validate pluginで検証されたフォームがあります。それはすべて非常にうまく機能します（ちなみに素晴らしいプラグインです）が、フォームが有効になるまで送信ボタンを無効にしたいと思います。

著者の Jörn Zaefferer (ここでコメントを読む) によると、すべてのフィールドの有効性を追跡してから、ボタンを有効にする必要があります。

したがって、最初に「必須」のクラス名を持つすべてのフィールドを見つけてから、「有効」のクラスもあるかどうかを確認し、最後にボタンを有効にする必要があると思います...しかし、私は本当に苦労していますこれ (私はすでに 3.5 時間を費やしました。それは私を夢中にさせています!)

here で提案されたタイマー手法を使用して、入力フィールドをバインドして「有効な」クラスをリッスンしようとしましたが、次のようになりました。

function doneTyping () {

var requiredFields = $('input').hasClass('required');

$(requiredFields).each(function(){
    if ($(this).hasClass('valid')){
        console.log('form is valid, enable button here');
    } else {
        console.log('form is not valid yet');
    }
});

}

しかし、私のコードは機能しません...誰かが私が正しい方向に向かっているかどうか教えてもらえますか?

4

2 に答える 2

2 
function doneTyping () {

var requiredFields = $('input.required');

    if ($("input.required:not(:valid)").length){
        console.log('form is not valid, disable button here');
    } else {
        console.log('form is  valid ');
    }

}
于 2012-07-12T14:51:09.153 に答える
0

ウルプラグインに従って、以下のアイデアを使用してフォームが有効かどうかを確認できます

alert (($("#Form1").validationEngine('validate')));

これにより true または false の値が得られ、それに基づいてボタンを表示または非表示にすることができます。

最初に次を使用してボタンを非表示にします。

$(document).ready(function() 
{
  $("#ButtonSubmit).hide();
}
于 2012-07-12T15:22:20.163 に答える