目前我有以下代码

<input type="number" />

结果是这样的

右边的选择器允许数字变为负数。我该如何预防呢?

我对使用type="number"有疑问,它造成的问题比它解决的要多,我无论如何都要检查它,所以我应该回到使用type="text"吗?


当前回答

<输入类型=“数字” 分钟=“1” 步数=“1”>

其他回答

你可以通过以下方法将负输入转化为正数:

<input type=“number” onkeyup=“if(this.value<0){this.value= this.value * -1}”>

通过在输入标记中添加onkeypress,可以强制输入只包含正整数。

<input type=“number” onkeypress=“return event.charCode >= 48” min=“1” >

在这里,事件。charCode >= 48确保只返回大于或等于0的数字,而min标记确保通过在输入栏内滚动可以得到最小值1。

试试这个:

在Angular 8中测试 值是正的 这段代码还处理null和负值。

              <input
                type="number"
                min="0"
                (input)="funcCall()" -- Optional
                oninput="value == '' ? value = 0 : value < 0 ? value = value * -1 : false"
                formControlName="RateQty"
                [(value)]="some.variable" -- Optional
              />

<输入类型=“数字” 分钟=“1” 步数=“1”>

用这个。

onkeypress="return (event.charCode >= 48 && event.charCode <= 57 || event.charCode == 46)" 

可以输入整数和小数。