yii2 ActiveForm numeric textfield

Question

I've created an ActiveForm using yii2 like this:

                            <?=$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)?>

and it rendered a result of:

<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>

now i want to make it < input type="number" .. and not text.. (so user could change value using browser up/down buttons). is there any way to do it?

score 48 · Accepted Answer · answered Nov 09 '15 at 12:51

You can use ->textInput(['type' => 'number'] eg :

<?=$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)?>

score 5 · Answer 2 · answered Jan 28 '19 at 08:12

5

Try this . it worked for me

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

answered Jan 28 '19 at 08:12

Shuhad zaman

3,156
32
32

2

Can also be good to specifict the `min`, `max` and `step` value. `= $form->field($model, 'position')->input('number', ['min' => 0, 'max' => 10000, 'step' => 1]) ?>` – johnsnails Apr 04 '20 at 11:13

score 0 · Answer 3 · answered Mar 20 '20 at 06:30

Field like Phone Number/Membership No etc, some time we allow user only to enter numeric input in a text field. In such case applying pattern match rule work great for me.

Simply set a rule in the model class and you are done.

public function rules()
{
    return [
...

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

...
          ];
}

score 0 · Answer 4 · answered Mar 11 '21 at 09:28

0

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

answered Mar 11 '21 at 09:28

Hamid Farrokhi

103
8

@WaiHaLee: There’s no link in this answer. – Jeremy Caney Mar 13 '21 at 08:50
this is just a copy paste of another answer here. – Shuhad zaman Mar 15 '21 at 15:44

yii2 ActiveForm numeric textfield

4 Answers4