yii2 ActiveForm 数字文本字段

Question

我使用 yii2 创建了一个 ActiveForm，如下所示：

                            <?=$form->field($item, 'finalPrice', [
                                'options' => [
                                    'tag' => 'div',
                                    'class' => '',
                                ],
                                'template' => '<span class="col-md-2 col-lg-2"><label class="control-label">Final item price</label>{input}{error}</span>'
                            ])->textInput([
                                 // ** i want numeric value **
                            ])->label(false)?>

它呈现的结果是：

<span class="col-md-2 col-lg-2"><label class="control-label">Final item price</label><input type="text" id="item-finalprice" class="form-control" name="Item[finalPrice]"><p class="help-block help-block-error"></p></span>

现在我想让它 < input type="number" .. 而不是文本..（因此用户可以使用浏览器 up/down 按钮更改值）。有什么办法吗？

Answer 1

您可以使用 ->textInput(['type' => 'number'] 例如：

<?=$form->field($item, 'finalPrice', [
                                'options' => [
                                    'tag' => 'div',
                                    'class' => '',
                                ],
                                'template' => '<span class="col-md-2 col-lg-2"><label class="control-label">Final item price</label>{input}{error}</span>'
                            ])->textInput([
                                 'type' => 'number'
                            ])->label(false)?>

Answer 2

试试这个。它对我有用

<?= $form->field($model, 'amount')->textInput(['type' => 'number']) ?>

Answer 3

类似 Phone Number/Membership 不等的字段，有时我们只允许用户在文本字段中输入数字。在这种情况下，应用模式匹配规则对我来说非常有用。

只需在模型中设置规则 class 即可。

public function rules()
{
    return [
...

 [['contactno'], 'string', 'max' => 25],
 [['contactno'], 'match' ,'pattern'=>'/^[0-9]+$/u', 'message'=> 'Contact No can Contain only numeric characters.'], 

...
          ];
}

Answer 4

<?= $form->field($model, 'code')->textInput(['type'=>'number']) ?>

yii2 ActiveForm 数字文本字段

yii2 ActiveForm numeric textfield

yii2

active-form

yii2-advanced-app