php - フォーム入力時の進行状況バー

Question

私は長いフォームを持っています..私が望むのは、ユーザーがフォームに入力し続けるときです..右側では、スクロールして入力すると、バーが前進する必要があります。

やり方教えてください！前もって感謝します ！写真： http: //fiitjoint.co.nf/untitles.html

Answer 1

これは、 jQueryを使用するとそれほど難しくありません。各フィールドにイベントを追加し、blur各フィールドから移動するときに、正しく入力されているかどうかを確認します。ある場合は、進行状況バーを進めます。

$("input").blur(function(){
    if(this.value!=="")
        // Advance the progress bar
});

このJSFiddle の例を参照してください。