Quando costruiamo una form di input, ASP.NET MVC usa una particolare sintassi per determinare l'identificativo di ogni elemento HTML associati a proprietà del view model, così che poi sia in grado di ricostruire il view model a seguito di un post sul server.

Per esempio, una textbox associata a Model.Customer.FirstName

@Html.TextBoxFor(x => x.Customer.FirstName)

produrrà un tag input come il seguente:

<input id="Customer_FirstName" name="Customer.FirstName" type="text">

Alle volte è necessario conoscere questo identificativo, perché magari dobbiamo referenziarlo all'interno del JavaScript di pagina. A questo scopo, possiamo sfruttare l'helper IdFor, come nell'esempio in basso:

<script>
  $(function () {
    $('#@Html.IdFor(x => x.Customer.FirstName)')
      .on('keyup', function () {
        $(this).toggleClass('wrong', $(this).val() == '');
      })
  });
</script>