码迷,mamicode.com
首页 > 其他好文 > 详细

Layui——分步表单

时间:2020-06-12 14:46:39      阅读:504      评论:0      收藏:0      [点我收藏+]

标签:splay   play   orm   for   false   表单   use   fun   ima   

https://fly.layui.com/extend/step-lay/#

技术图片

 

 

   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‘);
            });
        })

 

Layui——分步表单

标签:splay   play   orm   for   false   表单   use   fun   ima   

原文地址:https://www.cnblogs.com/coder1013/p/13099018.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!