Limit ИНТ поле зрения MVC

Question

У меня есть поле interger, что я хочу, чтобы мои пользователи только быть в состоянии выбрать между числами 1 и 10. Таким образом, в настоящее время я использую атрибут Range в модели:

[Range(1, 10)] 
public int NumberOfExtensions { get; set; } 

Однако я хочу, чтобы представление не позволяло номеру идти ниже 1 и выше 10. Это для меня было бы лучшим пользовательским интерфейсом.

Вот мой взгляд код:

</div> 
     <div class="col-md-1"> 
      @Html.EditorFor(model => model.NumberOfExtensions) 
      @Html.ValidationMessageFor(model => model.NumberOfExtensions) 
     </div> 
</div> 

Brroshan ниже рекомендуемого я использую Javascript. Это немного ближе к тому, что я хочу. Теперь я пытаюсь изменить его, чтобы числа не выходили за пределы желаемого диапазона. Это то, что я пытался, и это не работает:

<script type="text/javascript"> 

     $(function() { 

      $("#@Html.IdFor(s => s.NumberOfExtensions)").on("input", function() 
      { 
       if ($(this).val() < 1) 
       { 
        $(this).val() = 1 
       } 
       else if ($(this).val() > 10) 
       { 
        $(this).val() = 10 
       } 
      }); 

     }); 

    </script> 

Хочу остановиться на # 1 и на # 10 - не дают ошибку.

Answer 1

Вы можете использовать JavaScript/JQuery для проверочного минимального и максимального допустимого значения элемента.

Попробуйте это:

<div class="col-md-1"> 
    @Html.EditorFor(model => model.NumberOfExtensions) 
    @Html.ValidationMessageFor(model => model.NumberOfExtensions) 
</div> 

@section scripts{ 
<script type="text/javascript"> 

    $(function() { 

     $("#@Html.IdFor(s => s.NumberOfExtensions)") 
     .on("input",function() { 

      if ($(this).val() < 0 || $(this).val() > 10) { 
       alert("Cannot be less than 0 or more than 10"); 
       $(this).val(""); 
      } 
     }); 

    }); 

</script> 

} 

Answer 2

вы можете использовать атрибуты HTML

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_number

@Html.EditorFor(model => model.NumberOfExtensions, new {min= 5, max = 10})