有没有人在jquery验证之上构建自己的进度条

Question

似乎验证器已经在完成所有工作以了解表格填写的范围。所以我只想把它与进度条联系起来。

在多形式的场景中，我可以告诉它已经从先前的表格中减少了多少......

Answer 1

当某些内容通过验证时，jQuery validate会抛出一个valid类。

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

jsFiddle DEMO

var progressInterval = setInterval(function () {

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

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

}, 1000);