jquery - 有没有人在 jquery validate 之上构建了自己的进度条

Question

看起来验证器已经在做所有的工作来了解表单填写的程度。所以我只想将它与进度条联系起来。

在多表单场景中也很好，我可以告诉它已经从以前的表单中减少了多少......

Answer 1

validjQuery validate 会在某事通过验证时抛出一个类。

只需快速计算它们，每隔几秒钟启动一次，或者在文本框的任何模糊事件上启动它。

jsFiddle 演示

var progressInterval = setInterval(function () {

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

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

}, 1000);