steps导航栏

中文文档地址：传送阵
需要导入依赖js和css

<!--导航栏-->
   <form id="form-ftDoc-add" >
     <h1>第一步</h1>
	   <fieldset>
	   </fieldset>
     <h1>第二步</h1>
	   <fieldset>
	   </fieldset>
     <h1>第三步</h1>
	   <fieldset>								                               
	   </fieldset>
   </form>	
   	
   	  $("#form-ftDoc-add").steps({
                         //点击按钮之前启动                             currentIndex点击按钮之前的地址坐标0开始 ，点击后的地址坐标newIndex
                bodyTag: "fieldset", onStepChanging: function (event, currentIndex, newIndex) {

                    //validate如果验证有一个为false,就不会跳转下一个
                    return $.validate.form();
                 //点击后启动                         currentIndex本坐标  priorIndex点击前的坐标
                }, onStepChanged: function (event, currentIndex, priorIndex) {

                }, onFinishing: function (event, currentIndex) {
                    return true;
                    //表单提交之后执行方法，
                }, onFinished: function (event, currentIndex) {
                   
                }
            }).validate({

                errorPlacement: function (error, element) {
                    //error为校验失败创建的信息提示标签，element为当前校验控件
                    element.before(error)
                },
                    rules: {
                        province:{maxlength: 20},
                        city:{maxlength: 20},
                        county:{maxlength: 20},
                        customerType:{maxlength: 20},
                        
                    },
                    messages: {
                        province:{
                            maxlength: "最多输入20 个字符.",
                        },
                        city:{
                            maxlength: "最多输入20 个字符.",
                        },
                        county:{
                            maxlength: "最多输入20 个字符.",
                        },
                        customerType:{
                            maxlength: "最多输入20 个字符.",
                        },
                      
                  
                    },

            })				                      
                   

steps可以结合validate表单验证：不是太了解 可以去这里看官网介绍：传送阵
或者去菜鸟教程讲的也很清楚 ：
https://www.runoob.com/jquery/jquery-plugin-validate.html 菜鸟教程地址