如何将具有电子邮件类型的输入应用于 Asp.net MVC3 Razor 中的 HTML Helper答案

【问题标题】：How to apply input which has a type email to to HTML Helper in Asp.net MVC3 Razor如何将具有电子邮件类型的输入应用于 Asp.net MVC3 Razor 中的 HTML Helper
【发布时间】：2013-05-17 09:32:58
【问题描述】：

如何将具有电子邮件类型的输入应用到 Asp.net MVC3 Razor 中的 HTML Helper。例如：

 <input type="email" name="name" value=" " placeholder="example@mail.ru" />

Razor 有替代方案吗？

【问题讨论】：

标签： asp.net-mvc-4 razor html-email

【解决方案1】：

下面的代码非常适合我。默认情况下 @Html.TextBoxFor 创建 <input type="text" /> 但指定 type="email" 属性使其成为 <input type="email" />

<div class="editor-field">
    @Html.TextBoxFor(model => model.EmailId, new { @class = "popinputbox", placeholder = "Email ID", type = "email" })
    @Html.ValidationMessageFor(model => model.EmailId, "", new { @class = "errormsg" })
</div>

问题解决了。宾果！！

【讨论】：

【解决方案2】：

你可以使用Html.TextBox方法。

@Html.TextBox("name","", new { type = "email", placeholder = "example@mail.ru" })

【讨论】：

嗯，我认为新的 {type="email"} 不起作用））。谢谢你，@kardeş

【解决方案3】：

在模型中使用数据注释：

[Required]
[DataType(DataType.EmailAddress, ErrorMessage = "Invalid Email Address")]
public string EmailAddress
{
    get;
    set;

}

【讨论】：

谢谢你，@Naresh。但我知道这一点。
只需在 MVC 5（可能还有更早的版本）中添加，这仅适用于 EditorFor，如果您使用 TextBoxFor，它会忽略 DataType。