jQuery分步骤填写用户注册表单代码免费下载

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

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

评论0

请先

没有账号? 忘记密码?

社交账号快速登录