asp.net mvc 4 - route - Cómo aplicar una entrada que tiene un tipo de correo electrónico a HTML Helper en Asp.net MVC3 Razor

tag helpers asp net core

Question

Cómo aplicar una entrada que tiene un tipo de correo electrónico a HTML Helper en Asp.net MVC3 Razor. Por ejemplo:

 <input type="email" name="name" value=" " placeholder="[email protected]" />

¿Hay alguna alternativa en Razor?

Answer 1

Puede usar el método Html.TextBox .

@Html.TextBox("name","", new { type = "email", placeholder = "[email protected]" })

Answer 2

Use Dataanotations en el modelo:

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

Answer 3

El siguiente código me ha funcionado a la perfección. Por defecto @Html.TextBoxFor crea <input type="text" /> pero al especificar la propiedad type="email" hace que <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>

El problema se resuelve BINGO !!