我想创建一个输入框,让用户只能输入数字。在HTML5中,我们可以使用 <input type="number">
。那么在blade中如何实现呢?
我尝试了以下代码:
{!! Form::number('amount', null, array('class' => 'form-control')) !!}
我想创建一个输入框,让用户只能输入数字。在HTML5中,我们可以使用 <input type="number">
。那么在blade中如何实现呢?
我尝试了以下代码:
{!! Form::number('amount', null, array('class' => 'form-control')) !!}
我可以搜索并编写代码。由于没有直接的答案,所以我想在下面发布可行的代码:
{!! Form::input('number', 'amount', null, ['class' => 'form-control']) !!}
Form::input()
方法或者 Form::number()
方法来实现您的目标。
Form::input() 方法
该方法需要4个参数:
{{ 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() 方法
该方法需要三个参数。
示例:
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
并且不想分配任何默认值,请在$value
参数处使用null
。
{!! Form::number('count', $value = '' , ['min' => '0' ,'class' => 'form-control', 'id' => 'number_count','required']) !!}
{!! Form::input('number', 'weight', null, ['id' => 'weight', 'class' => 'form-control', 'min' => 1, 'max' => 9999, 'required' => 'required']) !!}
你可以使用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)">