[英]Directive to accept numbers and empty in text field
嗨,我使用一个指令在文本字段中仅接受数字:
HTML:
<form name="filtroForm">
<input id="idMatricula" type="text" class="form-control" ng-model="filtros.Matricula" maxlength="20" numbers-only>
...
模块:
var app = angular.module('app', []);
angular.module('sg-pbm').directive('numbersOnly', function () {
return {
require: 'ngModel',
link: function (scope, element, attr, ngModelCtrl) {
function fromUser(text) {
if (text) {
var transformedInput = text.replace(/[^0-9]/g, '');
if (transformedInput !== text) {
ngModelCtrl.$setViewValue(transformedInput);
ngModelCtrl.$render();
}
return transformedInput;
}
return undefined;
}
ngModelCtrl.$parsers.push(fromUser);
}
};
});
但是当我在控制器中使用时:
console.log($scope.filtroForm.$valid);
如果我键入任何内容后将其文本删除,则我的表达式返回false。
我已经稍微修改了您的指令
app.directive('numbersOnly', function () {
return {
require: 'ngModel',
link: function(scope, element, attrs, modelCtrl) {
modelCtrl.$parsers.push(function (inputValue) {
if (inputValue == undefined) return ''
var transformedInput = inputValue.replace(/[^0-9]/g, '');
if (transformedInput!=inputValue) {
modelCtrl.$setViewValue(transformedInput);
modelCtrl.$render();
}
return transformedInput;
});
}
};
});
看看这个矮人
该指令不允许您在输入框中输入除数字以外的任何内容。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.