Javascript angular js类型编号在firefox中不起作用
请检查这个代码Javascript angular js类型编号在firefox中不起作用,javascript,angularjs,Javascript,Angularjs,请检查这个代码 <input type="number" name="input" ng-model="value" min="0" max="99" required> 我在firefox中只得到了一个文本字段,上面的代码在GoogleChrome中运行良好 <form name="myForm" ng-controller="Ctrl"> Number: <input type="number"
<input type="number" name="input" ng-model="value"
min="0" max="99" required>
我在firefox中只得到了一个文本字段,上面的代码在GoogleChrome中运行良好
<form name="myForm" ng-controller="Ctrl">
Number: <input type="number" name="input" ng-model="value"
min="0" max="99" required>
<span class="error" ng-show="myForm.input.$error.required">
Required!</span>
<span class="error" ng-show="myForm.input.$error.number">
Not valid number!</span>
<tt>value = {{value}}</tt><br/>
<tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>
<tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>
<tt>myForm.$valid = {{myForm.$valid}}</tt><br/>
<tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>
</form>
编号:
必修的!
无效号码!
value={{value}}
myForm.input.$valid={{myForm.input.$valid}}
myForm.input.$error={{{myForm.input.$error}}
myForm.$valid={{myForm.$valid}}}
myForm.$error.required={{{!!myForm.$error.required}}}
Firefox似乎不支持type=“number”
,但是,angular确实对Firefox进行了polyfill,以便在Firefox中type=“number”
输入字段能够正确运行(在验证等方面)
因此,您提供的代码应该在Firefox中正确验证
但是,您不会像在Chrome中看到的那样看到小箭头:
要在Firefox中获得这种效果,可以使用
显示此polyfill的操作。Firefox不支持此操作。请看这里@Chandermani谢谢。。有没有其他方式或标签来代替这个