不允许在文本字段中使用空格的角度限制 [英] angular restriction to not allow spaces in text field

问题描述

我不希望用户在文本字段中输入空格.我不希望在提交验证时使用它，而是 - 当他们单击它时，文本字段上不会显示一个空格.

I do not want a user to enter spaces in a text field. I don't want it on submit validation but rather - a space will not show up on the text field when they click it.

推荐答案

<input ng-model="field" ng-trim="false" ng-change="field = field.split(' ').join('')" type="text">

更新:为了提高代码质量，您可以创建自定义指令.但不要忘记，您的指令不仅应防止来自键盘的输入，还应防止粘贴.

Update: To improve code quality you can create custom directive instead. But don't forget that your directive should prevent input not only from keyboard, but also from pasting.

<input type="text" ng-trim="false" ng-model="myValue" restrict-field="myValue">

这里重要的是添加 ng-trim="false" 属性以禁用输入的修剪.

Here is important to add ng-trim="false" attribute to disable trimming of an input.

angular
  .module('app')
  .directive('restrictField', function () {
    return {
        restrict: 'AE',
        scope: {
            restrictField: '='
        },
        link: function (scope) {
          // this will match spaces, tabs, line feeds etc
          // you can change this regex as you want
          var regex = /\s/g;

          scope.$watch('restrictField', function (newValue, oldValue) {
              if (newValue != oldValue && regex.test(newValue)) {
                scope.restrictField = newValue.replace(regex, '');
              }
          });
        }
    };
  });

这篇关于不允许在文本字段中使用空格的角度限制的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！