如何在ASP.NET核心MVC中提交动态数量的字符串输入

在ASP.NET Core MVC中处理动态数量的字符串输入可以通过多种方式实现，以下是其中一种常见的方法：

基础概念

动态表单：允许用户根据需要添加或删除表单字段。
模型绑定：ASP.NET Core MVC的一个特性，它可以将HTTP请求中的数据自动绑定到模型对象。

类型与应用场景

类型：通常使用数组或集合来处理动态数量的输入。
应用场景：适用于需要用户输入多个相似项的场景，如创建多个标签、填写多个地址等。

实现步骤

1. 创建模型

首先，定义一个模型来接收动态输入的数据。

public class DynamicInputModel
{
    public List<string> Inputs { get; set; } = new List<string>();
}

2. 创建视图

在视图中，使用JavaScript来动态添加或删除输入字段。

@model DynamicInputModel

<form asp-action="Submit" method="post">
    <div id="input-container">
        <input type="text" name="Inputs[0]" />
    </div>
    <button type="button" id="add-input">Add Input</button>
    <button type="submit">Submit</button>
</form>

<script>
    let inputIndex = 1;
    document.getElementById('add-input').addEventListener('click', function() {
        const container = document.getElementById('input-container');
        const newInput = document.createElement('input');
        newInput.type = 'text';
        newInput.name = 'Inputs[' + inputIndex + ']';
        container.appendChild(newInput);
        inputIndex++;
    });
</script>

3. 控制器处理

在控制器中，接收并处理提交的数据。

public class InputController : Controller
{
    [HttpGet]
    public IActionResult Index()
    {
        return View(new DynamicInputModel());
    }

    [HttpPost]
    public IActionResult Submit(DynamicInputModel model)
    {
        if (ModelState.IsValid)
        {
            foreach (var input in model.Inputs)
            {
                // 处理每个输入值
                Console.WriteLine(input);
            }
            return RedirectToAction("Success");
        }
        return View(model);
    }

    public IActionResult Success()
    {
        return View();
    }
}