jQuery分步驟填寫用戶注冊表單代碼

來源:http://www.xdpitk.live/js/4456.html 2019-06-21 11:46瀏覽(355) 收藏

一款非常精美的jQuery分步驟填寫用戶注冊表單代碼,按步驟一步步填寫用戶信息來創建賬戶,步驟切換時的過渡動畫效果也非常好看。
jQuery分步驟填寫用戶注冊表單代碼
分類:表單代碼 > 注冊登錄框 難易:初級
查看演示 下載資源: 13

手機掃碼訪問:

下載資源 下載積分: 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 416148489

1 2
重庆百变王牌app