目前我有以下代码
<input type="number" />
结果是这样的
右边的选择器允许数字变为负数。我该如何预防呢?
我对使用type="number"有疑问,它造成的问题比它解决的要多,我无论如何都要检查它,所以我应该回到使用type="text"吗?
目前我有以下代码
<input type="number" />
结果是这样的
右边的选择器允许数字变为负数。我该如何预防呢?
我对使用type="number"有疑问,它造成的问题比它解决的要多,我无论如何都要检查它,所以我应该回到使用type="text"吗?
当前回答
你可以通过以下方法将负输入转化为正数:
<input type=“number” onkeyup=“if(this.value<0){this.value= this.value * -1}”>
其他回答
对于文本类型的输入,你可以使用它来更好地验证,
return (event.keyCode? (event.keyCode == 69 ? false : event.keyCode >= 48 && event.keyCode <= 57) : (event.charCode >= 48 && event.charCode <= 57))? true : event.preventDefault();
试试这个:
在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
/>
用这个。
onkeypress="return (event.charCode >= 48 && event.charCode <= 57 || event.charCode == 46)"
可以输入整数和小数。
添加一个min属性
<输入类型=“数字” min=“0”>
Try
<input type="number" pattern="^[0-9]" title= " Only number" min="1" step="1">