asp.net-mvc-4 - 使用剃须刀创建数值上下或数值控制

Question

我正在使用 asp.net mvc4 razor，我想知道 razor 中是否有一些控件允许输入数字和正整数值。有没有？

Answer 1

您可以通过使用 HtmlHelper 的 EditorFor() 的 htmlAttributes 参数在 MVC 中实现相同的目的：

  @Html.EditorFor(model => model.CreditCardExpirationMonth, new { htmlAttributes = new { type="number", min="1", max="12", @class = "form-control" } })

Answer 2

您可以做的唯一“内置”操作是在表单中使用 HTML5 输入：

<input type="number" min="0" />

或者

<input type="text" pattern="\d*" /> 

有关所有输入类型编号属性的列表，请查看此链接 http://www.w3.org/TR/html-markup/input.number.html

Answer 3

我使用 jquery 构建了自己的

@Html.TextBoxFor(x => x.Text, new { @class = "txtUpDown" })
<label class="lblUp">+</label>
<label class="lblDown">-</label>

然后在你的脚本中

$('.lblUp').keyup(function(){
    $('.txtUpDown').val() = (+$('.txtUpDown').val() + 1);
});
$('.lblDown').keyup(function(){
    if($('.txtUpDown').val() > 0){
        $('.txtUpDown').val() = (+$('.txtUpDown').val() - 1);
    }
});