Angular手表输入类型编号

时间:2015-01-14 14:17:54

标签: javascript angularjs validation

我在我的模特上添加了一块手表。

当模型被限制为“text”类型的输入时,一切都很完美,输入字段中的每个更改都会调用手表的功能。 但是当模型受限于“数字”类型的输入时,存在一些问题。如果我输入数字,则会调用手表的功能,但是当我输入字母时,不会调用手表功能。

目的是验证数字输入(它是一个正数),并在验证失败时显示错误图标,但不是在第一次打开表单时。 我不希望在用户输入内容之前打开表单并发出警告。

<input type="number" class="textInput" ng-model="currentFilter.filter" autofocus" />
<img src="..." class="warningImg" title="Value must be a positive number" ng-show="(!filterFormWithoutChanges) && validateInput()" />

$scope.$watch('currentFilter.filter', function (newVal, oldVal) {
    if (!newVal || newVal == '')
        return;
    $scope.filterFormWithoutChanges = false;
});

0 个答案:

没有答案