一款非常精美的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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791