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

来源:https://www.sucaihuo.com/js/4456.html 2019-06-21 11:46浏览(398) 收藏

一款非常精美的jQuery分步骤填写用户注册表单代码,按步骤一步步填写用户信息来创建账户,步骤切换时的过渡动画效果也非常好看。
jQuery分步骤填写用户注册表单代码
分类:表单代码 > 注册登录框 难易:初级
查看演示 下载资源: 16

手机扫码访问:

下载资源 下载积分: 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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

1 2