2017-02-28 56 views
0

设定最大上输入文本欲使用角JS如何使用角JS

如果我输入值> 10我想旁边的文本框中显示错误消息的量字段中设置最大值。由于type =“text”,它不像数字那样工作。

<input type="text" name="input" ng-model="example.value" ngmin="0" ngmax="10" > 
+1

为什么不让它输入'type =“number”'? –

+0

为什么不使用type =“number”? – mehulmpt

+0

,然后使用'ng-if'在'example.value'为'null'时显示一条消息。 – Naigel

回答

0

正如他们之前所说的,只是将类型更改为“数字”。但是你可以用输入反正做室内用控制器解析像这样数量的功能:使用

.controller('myCtrl', function ($scope) { 

    $scope.parse = function(i){ 
    return parseInt(i); 
    } 
}); 

而在HTML中的NG-IF:

<input type="text" ng-model="myNum"> 
<p class="bad-input" ng-if="parse(myNum)>10 ||parse(myNum)<0 ">The number is wrong</p> 

下面是一个工作Plunker

+0

我试过了。有效 。我想突出显示错误的文本框。对于必需的检查(强制检查),我使用data-ng-class =“{'has-error':amount。$ invalid}”,这将高亮显示为红色。我可以得到这个错误也highlighed – jubi

+0

我有一个保存按钮,将被禁用,如果有错误。但如果我添加上面的验证它不是gettign禁用 – jubi

+0

您可以使用相同的表达式ng-class指令,和相同的expresion(否定)来隐藏或禁用按钮。我更新了Plunker,所以你可以检查它,但正如所说的应该更好,更容易使用type =“number”输入。 – Luisma