代码之家 › 专栏 › 技术社区 › kaka1234

限制正斜杠的指令[关闭]

regex angularjs javascript

kaka1234 · 技术社区 · 6 年前

一切工作良好,但它也允许向前斜杠。我错过了什么?

下面是我的指令和命令: http://plnkr.co/edit/ho6kztdlYau4Zi29Afa5?p=preview

.directive('noSpecialChar', function() {
return {
  require: 'ngModel',
  restrict: 'A',
  link: function(scope, element, attrs, modelCtrl) {
    modelCtrl.$parsers.push(function(inputValue) {
      if (inputValue === undefined)
        return ''

    regReplace = new RegExp('[^\\w_/\s/g]', 'ig');
      if (inputValue === undefined)
          return ''
      cleanInputValue = inputValue.replace(regReplace, '');
      if (cleanInputValue != inputValue) {
          modelCtrl.$setViewValue(cleanInputValue);
          modelCtrl.$render();
      }
      return cleanInputValue;

    });
  }
}
});

2 回复 | 直到 6 年前

lenilsondc 6 年前

如果您想替换除 \w , _ 和 [^\w_ ] (当然逃走了)。


   
    用下面的代码替换代码中的regex:
   
   new RegExp('[^\\w_ ]', 'gi')

   
    
     
      注意
      
       \s
      
      :
     
     这个
     
      \s公司
     
     
      )但它也匹配其他类型的空白空间(
      
       \r\n\t\f\v
      
     
    
    
    
   
   
    
     检查下面的工作代码。
    
    
    
    
     
      angular.module('app', [])
  .controller('myCtrl', function($scope) {
    $scope.username = '';
  })
  .directive('noSpecialChar', function() {
    return {
      require: 'ngModel',
      restrict: 'A',
      link: function(scope, element, attrs, modelCtrl) {
        modelCtrl.$parsers.push(function(inputValue) {
          if (inputValue === undefined)
            return ''

          regReplace = new RegExp('[^\\w_ ]', 'gi');
          if (inputValue === undefined)
            return ''
          cleanInputValue = inputValue.replace(regReplace, '');
          if (cleanInputValue != inputValue) {
            modelCtrl.$setViewValue(cleanInputValue);
            modelCtrl.$render();
          }
          return cleanInputValue;

        });
      }
    }
  });
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>
<div ng-app="app" ng-controller="myCtrl">
  Username : <input type="text" no-special-char ng-model="username" name="userName">
</div>

Theo 6 年前

我想你错过了逃出前斜线的机会

regReplace = new RegExp('[^\\w_\/\s\/g]', 'ig');

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

3 年前

jieunbi · 按日期排序数组(最新优先)

3 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

3 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前