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);
    }
});

使用剃刀创建数字向上或值控制

3 个答案: