Question

我是初级开发人员，我觉得很难让这个表单起作用。我想要实现的是一个多步骤表单，其中每个视图都是一个重定向到下一个视图的表单，其中包含更多字段供用户输入值。我想我是如何通过模型（每一步都要修改）。我有4个视图和4个ActionResults。 Step1，Step2等那么如何从“选择金额”和自定义金额中传递模型和所选值？

这就是标记的样子：

<form method="post" id="formStepOne" action="@Url.Action("Step1", "SupporterController", Model)">
<div class="row">
    <div class="large-6 columns">
        <label>Choose amount</label>
        <input type="radio" name="belopp1" value="500" id="value1"><label for="value1">100 dollars</label>
        <input type="radio" name="belopp2" value="350" id="value2"><label for="value2">200 dollars</label>
        <input type="radio" name="belopp3" value="200" id="value3"><label for="value3">400 dollars</label>
    </div>
    <div class="large-4 columns">
        <label>
            Amount(minimum of 400 dollars)
            <input type="text" placeholder="amount" />
        </label>
    </div>
</div>
<div class="large-12 columns">
    <div class="row collapse">
        <div class="small-2 columns">
            <button type="submit" form="formStepOne" value="Submit">Fortsätt</button>
        </div>
    </div>
</div>

这就是控制器/ actionResults的样子

    [HttpPost]
    public ActionResult Step2(SupporterViewModel model)
    {
        //Validate and return
        return PartialView("~/Views/SupporterBlock/SupporterStepThree.cshtml", model);
    }

.NET中具有多个视图的表单

0 个答案: