Question

我想让用户只写英文字符而不是数字或任何语言。这是我的小提琴：Demo但它不起作用。

app.directive('validcharEn', function () {
    return {
        require: '?ngModel',
        link: function (scope, element, attrs, ngModelCtrl) {
            if (!ngModelCtrl) {
                return;
            }

            ngModelCtrl.$parsers.push(function (val) {
                if (angular.isUndefined(val)) {
                    var val = '';
                }
                var clean = val.replace(/[^a-z]/g, '');
                var decimalCheck = clean.split('.');
                if (!angular.isUndefined(decimalCheck[1])) {
                    decimalCheck[1] = decimalCheck[1].slice(0, 2);
                    clean = decimalCheck[0] + '.' + decimalCheck[1];
                }

                if (val !== clean) {
                    ngModelCtrl.$setViewValue(clean);
                    ngModelCtrl.$render();
                }
                return clean;
            });

            element.bind('keypress', function (event) {
                if (event.keyCode === 10) {
                    event.preventDefault();
                }
            });
        }
    };
});

我错过了什么吗？

Answer 1

您可以使用ng-pattern-restrict指令：

<input type="text" ng-pattern-restrict="^[a-z]*$" />

这是一个例子：http://jsfiddle.net/upcvoa4L/

Answer 2

这个怎么样：Fiddle，干净，最简单的方法。

app.directive('validEn', function() {
  return {
    require: '?ngModel',
    link: function(scope, element, attrs, ngModelCtrl) {
      if(!ngModelCtrl) {
        return; 
      }

      ngModelCtrl.$parsers.push(function(val) {
        var clean = val.replace( /[^a-z]+/g, '');
        if (val !== clean) {
          ngModelCtrl.$setViewValue(clean);
          ngModelCtrl.$render();
        }
        return clean;
      });

      element.bind('keypress', function(event) {
        if(event.keyCode === 32) {
          event.preventDefault();
        }
      });
    }
  };
});

HTML

<input type="text" ng-model="employee.age" valid-en />

<强>更新
或者可能是电子邮件输入：

Fiddle

var clean = val.replace( /[^0-9+.+a-z+@]+/g, '');

希望这个帮助

仅限角度写入a-z

2 个答案: