layui 第三方组件平台

返回首页

分步表单

更新:2020-11-20 创建:2019-4-19

文档


           layui.config({
base:'../step/step-lay/'
}).use([ 'form', 'step'], function () {
var $ = layui.$
, form = layui.form
, step = layui.step;

step.render({
elem: '#stepForm',
filter: 'stepForm',
width: '100%', //设置容器宽度
stepWidth: '750px',
height: '500px',
stepItems: [{
title: '填写入款信息'
}, {
title: '确认入款信息'
}, {
title: '完成'
}]
});


form.on('submit(formStep)', function (data) {
step.next('#stepForm');
return false;
});

form.on('submit(formStep2)', function (data) {
step.next('#stepForm');
return false;
});

$('.pre').click(function () {
step.pre('#stepForm');
});

$('.next').click(function () {
step.next('#stepForm');
});
})

下载

立即下载
该扩展组件由第三方用户主动投递,并由其自身进行维护,本站仅做收集。