javascript - 在 Razor 中，接受不带小数的整数

Question

我遇到了一个问题，文本框只允许整数值，而不是 Razor View 中的点/小数值。我环顾四周，但不幸的是我找不到答案。

接受带点的数值 存在 JavaScript 验证，但我不想要点/小数。

cshtml:

@Html.TextBoxFor(Employee => Employee.AlternateNumber, new { @id = "txtAlternateNumber", @class = "form-control", @type = "number" })

Answer 1

这与 razor 无关，而是 html5，但添加 step 和 min 可能会有所帮助(取决于浏览器支持等):

@Html.TextBoxFor(Employee => Employee.AlternateNumber, new { @id = "txtAlternateNumber", @class = "form-control", @type = "number", @step="1", @min="0" })

一个可运行的例子:

<form>
<input type="number" step="1" min="0"> <input type="submit">
</form>

对于“实时”检查，您必须使用 javascript:

@Html.TextBoxFor(Employee => Employee.AlternateNumber, new { @id = "txtAlternateNumber", @class = "form-control", @type = "number", @step="1", @min="0", @onkeypress="return event.charCode >= 48 && event.charCode <= 57" })

一个可运行的例子:

<form>
<input type="number" step="1" min="0" onkeypress="return event.charCode >= 48 && event.charCode <= 57"> <input type="submit">
</form>