Question

我想创建一个输入字段，用户只能输入一个数字。在HTML5中，我们可以使用<input type="number">。我如何在刀片中执行此操作？

我试过了：

{!! Form::number('amount', null, array('class' => 'form-control')) !!}

Answer 1

我可以搜索和编码它。由于没有直接答案，我想发布下面的工作代码：

{!! Form::input('number', 'amount', null, ['class' => 'form-control']) !!}

Answer 2

您可以使用Form::input()方法或Form::number()方法来实现目标。

Form :: input（）方法

此方法需要4个参数。

$ type - （必需）第一个参数指定输入的类型。接受诸如“文本”，“数字”，“密码”，“文件”等的值。
$ name - （必填）第二个参数是name。
$ value - （可选）第三个参数是输入字段的值。
$ options - （可选）第四个参数是一个附加字段属性的数组。可以使用具有诸如“id”，“size”或“class”之类的键的项来填充该数组。

示例：的

{{ Form::input('number', 'name') }}
{{ Form::input('number', 'name', 'value', ['class' => 'number', 'id' => 'numberField']) }}

//both example will create elements like this

<input name="name" type="number" value="value">
<input name="name" type="number" value="value" class="number" id="numberField">

Form :: number（）方法

此方法需要3个参数。

$ name - （必填）第一个参数是name。
$ value - （可选）第二个参数是输入字段的值。
$ options - （可选）第三个参数是一个附加字段属性的数组。可以使用具有诸如“id”，“size”或“class”之类的键的项来填充该数组。

示例：的

Form::number('name')
Form::number('name', null, ['class' => 'number', 'id' => 'numberField'])

//both example will create elements like this

<input name="name" type="number">
<input name="name" type="number" class="number" id="numberField">

提示：如果您想使用$options并且不想分配任何默认值，请在null参数处使用$value。

Answer 3

最小值为0的输入字段。

{!! Form::number('count', $value = '' , ['min' => '0' ,'class' => 'form-control', 'id' => 'number_count','required']) !!}

Answer 4

您可以使用javascript：

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

并在你的HTML中：

<input name="input_name" onkeypress="return isNumberKey(event)">

Answer 5

{!!  Form::input('number', 'weight', null, ['id' => 'weight', 'class' => 'form-control', 'min' => 1, 'max' => 9999, 'required' => 'required']) !!}

如何在Laravel Blade模板中添加输入类型=“数字”？

5 个答案: