ASP.NET MVC - 停止 Html.TextBoxFor 将点添加到 Name 属性

Question

我对 ASP.NET MVC 相当陌生，并且 Html.TextBoxFor() 遇到了问题 - 它为渲染输入的 name 属性提供了一个点。

<%= Html.TextBoxFor(m => m.Box.Name, new { id= "txtName" }) %>

呈现以下 HTML：

<input type="text" value="" name="Box.Name" id="txtName">

我正在使用 jQuery 验证插件进行客户端验证。由于 Box.Name 中的点，它无法验证此输入（导致 JavaScript 错误）。

我的模型看起来像这样：

public class Box {
   [Required(ErrorMessage = "Please enter a name")]
   public string Name { get; set; }
   public int BoxMaterialID { get; set; }
}

我的 ViewModel 看起来像这样：

public class BoxViewModel
{
    public Box Box { get; set; }
    public List<BoxMaterial> BoxMaterial { get; set;}
}

我的控制器看起来像这样：

public ActionResult New(FormCollection postData)
{
    Box box = new Box();

    try
    {
        UpdateModel(box, "Box");
        boxService.SaveBox(box);
    }
    catch
    {
        return View(new BoxViewModel(box));
    }

    return RedirectToAction("Index", "Boxes");
}

服务器端验证使用模型上的 DataAnnotations 来工作就像一个魅力。我似乎遇到的唯一问题是客户端验证，因为“。”在名称属性中。

感谢您的帮助！

Answer 1

当表单在为了正确填充模型。就验证而言，您可以这样设置：

$("#myForm").validate({
    rules: {
        'Box.Name': {
            required: true
        }
    },
    messages: {
        'Box.Name': {
            required: 'some error message'
        }
    }
});

Answer 2

也尝试指定 name 属性：

<%= Html.TextBoxFor(m => m.Box.Name, new { id= "txtName", name = "txtName" }) %>