jquery - jquery validateの上に独自の進行状況バーを構築した人はいますか

Question

バリデーターは、フォームがどこまで記入されているかを知るために、すでにすべての作業を行っているようです。だから私はそれをプログレスバーに結び付けたいだけです。

また、マルチフォームのシナリオでは、以前のフォームからどれだけダウンしているかを知ることができると便利です...

Answer 1

jQuery validateは、valid何かが検証に合格したときのクラスをスローします。

それらの数をすばやく数えたり、数秒ごとに起動したり、テキストボックスのぼかしイベントで起動したりするだけです。

jsFiddleデモ

var progressInterval = setInterval(function () {

    var progress = $('.required.valid').length,
        total    = $('.required').length;

    $('#progress').html('Progress: ' + progress + ' / ' + total);

}, 1000);