Javascript 引导步骤选项卡在html begin form（）中不起作用-mvc5

我正在处理一个视图，其中用户在步骤中输入他/她的信息

步骤实际上是你们都知道的标签

我正在将数据发布到action，所以我需要将所有html代码包装在 Html.Beginform（）…但包装的代码包含的选项卡在中不起作用 html.beginform（）

当我删除Html.Beginform时，选项卡工作正常

我的html

@using (Html.BeginForm(FormMethod.Post))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
        <section id="main-content">
            <section class="wrapper site-min-height">
                <!-- page start-->
                <div class="row">
     <section class="panel">
    <header class="panel-heading">
        Registration
    </header>
    <div class="panel-body">
        <div class="stepy-tab">
            <ul id="default-titles" class="stepy-titles clearfix">
                <li id="default-title-0" class="current-step">
                    <div>Step 1</div>
                </li>
                <li id="default-title-1" class="disabled">
                    <div>Step 2</div>
                </li>
            </ul>
        </div>
        <form class="form-horizontal" id="default" name="myform">
            <fieldset title="Step1" class="step" id="default-step-0">
                <legend> </legend>
                <div class="form-group">
                    <label class="col-lg-2 control-label">Company Name</label>
                    <div class="col-lg-10">
                 <input type="text" class="form-control" id="Name" name="Name">
                    </div>
                </div>
            </fieldset>
            <fieldset title="Step 2" class="step" id="default-step-1">
                <legend> </legend>
           <div class="form-group">
            <label class="col-lg-2 control-label">Card Key</label>
           <div class="col-lg-10">
          <input type="text" class="form-control" id="CardKey" name="CardKey">
            </div>
           </div>
            </fieldset>
          <input type="submit" class="finish" value="Save" id="Free" />
        </form>
    </div>
</section>
                    </div>
                <!-- page end-->
            </section>
        </section>

@使用（Html.BeginForm（FormMethod.Post））
{
@Html.AntiForgeryToken（）
@Html.ValidationSummary（true）
登记处


第一步


步骤2


公司名称
卡片钥匙

Js函数

<script>
    //step wizard
    $(function () {
        $('#default').stepy({
            backLabel: 'Previous',
            block: true,
            nextLabel: 'Next',
            titleClick: true,
            titleTarget: '.stepy-tab'
        });
    });
</script>

//步骤向导
$（函数（）{
$（“#默认值”）.stepy({
后标签：“上一个”，
布洛克：没错，
下一个标签：“下一个”，
titleClick：没错，
标题目标：'.stepy选项卡'
});
});

---

可能的原因是什么，如果有人提供帮助，请提供……任何形式的帮助或参考都将不胜感激……感谢您的时间

我看到您正在创建一个

表单

内部

表单

！！我希望您知道

Html.BeginForm

将再创建一个

表单

，并在其中放置一个

表单

用于stepy。在HTML中是不允许的。我认为您不需要将

表单

放在您编写的

@HTML的顶部。相反，您可以在您的另一个
表单
存在的地方使用相同的表单，如下所示：

@using(Html.BeginForm("actionname","controllername",FormMethod.Post,new{@class="form-horizontal",id="default",name="myform"}))
{ 
   <fieldset title="Step1" class="step" id="default-step-0">
      <legend> </legend>
      <div class="form-group">
         <label class="col-lg-2 control-label">Company Name</label>
         <div class="col-lg-10">
            <input type="text" class="form-control" id="Name" name="Name">
         </div>
      </div>
   </fieldset>
   <fieldset title="Step 2" class="step" id="default-step-1">
      <legend> </legend>
      <div class="form-group">
         <label class="col-lg-2 control-label">Card Key</label>
         <div class="col-lg-10">
            <input type="text" class="form-control" id="CardKey" name="CardKey">
         </div>
      </div>
   </fieldset>
   <input type="submit" class="finish" value="Save" id="Free" />
}

我假设您只需要步骤数据就可以发布，相信我，上述方法有效！
您收到任何控制台错误吗？那是什么插件？有指向该插件的链接吗？@GuruprasadRao感谢您的回复，我正在使用的jquery wizzard插件步骤您收到任何控制台错误吗？令人惊讶的是，除了nicesroll.js之外，我没有控制台错误你提供了插件的链接吗？谢谢你的回答，是的，我意识到，虽然我以前解决过这类问题，但我一次又一次地犯这个错误，+1表示努力和接受…你就是那个人…干杯！很高兴我帮了忙..干杯，快乐编码...）
<form action="/cname/ac" class="form-horizontal" id="default" method="post" name="myform">