如何使type="number"为正数

目前我有以下代码

<input type="number" />

结果是这样的

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

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

当前回答

你可以使用以下命令使type="number"只接受正数:

<input type="number" step="1" pattern="\d+">

其他回答

我已经找到了防止负数的另一种解决方案。

<input type="number" name="test_name" min="0" oninput="validity.valid||(value='');">

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

你可以使用以下命令使type="number"只接受正数:

<input type="number" step="1" pattern="\d+">

试试这个:

Yii2 : Validation rule 

    public function rules() {
    return [
['location_id', 'compare', 'compareValue' => 0', 'operator' => '>'],
        ];
}

添加一个min属性

<输入类型=“数字” min=“0”>

推荐文章