jQuery分步骤填写用户注册表单代码

一款非常精美的jQuery分步骤填写用户注册表单代码，按步骤一步步填写用户信息来创建账户，步骤切换时的过渡动画效果也非常好看。

分类：表单代码 > 注册登录框难易：初级

查看演示下载资源下载积分： 30 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="js/jquery-2.2.3.min.js"></script>
    <script>
        $(document).ready(function () {
            $(".form-wrapper .button").click(function () {
                var button = $(this);
                var currentSection = button.parents(".section");
                var currentSectionIndex = currentSection.index();
                var headerSection = $('.steps li').eq(currentSectionIndex);
                currentSection.removeClass("is-active").next().addClass("is-active");
                headerSection.removeClass("is-active").next().addClass("is-active");

                $(".form-wrapper").submit(function (e) {
                    e.preventDefault();
                });

                if (currentSectionIndex === 3) {
                    $(document).find(".form-wrapper .section").first().addClass("is-active");
                    $(document).find(".steps li").first().addClass("is-active");
                }
            });
        });
    </script>