ASP.NET MVC - Attribute you write in a View

Question

I need to write a Attribute write a mask validation in the View. Given for example a zip code field, I would like it to mark a Property in the Model with a [CEP], be written in View the following:

<script type='text/javascript'>
    $(document).ready(function () {
        {
            $('#MaskedCEP').mask('99999-999');
        }
    });
</script>

Answer 1

Idea 1:

One way to do it would be to add the attribute [UIHint("Cep")] in your model, and then create an editor-template with the name "Cep.cshtml" that renders exactly what you want.

Idea 2:

Another way to do that would be to create a type Cep (without being an attribute) and then use this type, creating a template-editor for it, as well as a custom model-Binder for this type.

Example using UIHint

Attribute inheriting from Uihint:

public sealed class CepHintAttribute : UIHintAttribute
{
    public CepHintAttribute() : base("Cep") { }
}

Editor template, which should be placed in the views folder in Shared\EditorTemplates, by the name of Cep.cshtml:

@model object
@{
    var fieldId = this.ViewData.TemplateInfo.GetFullHtmlFieldId(string.Empty);
    var fieldName = this.ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty);
}
<script type='text/javascript'>
    $(document).ready(function () {
        {
            $('#@fieldId').mask('99999-999');
        }
    });
</script>
<input type="text" name="@fieldName" id="@fieldId" value="@this.Model"/>

View model class:

public class Endereco
{
    public int Id { get; set; }

    public string Complemento { get; set; }
    public string Logradouro { get; set; }
    public string Numero { get; set; }

    [CepHint]
    public string Cep { get; set; }
}

And finally in the view where you want to show the field, use EditorFor:

@model ClienteData

@* ... um pouco mais abaixo no arquivo ... *@
@this.Html.LabelFor(m => m.Cep)
@this.Html.EditorFor(m => m.Cep)
@this.Html.ValidationMessageFor(m => m.Cep)