如何禁用角度Js输入标签中的特殊字符。只允许字母数字

如何禁用角度js输入标签中的特殊字符。只允许字母数字就像我们使用如何禁用角度Js输入标签中的特殊字符。只允许字母数字

<input type="text" ng-trim="false" style="text-transform: uppercase" ng-pattern="/^[a-zA-Z0-9]*$/" class="form-text" id="pan_card_number" name="pan_card_number" ng-minlength="10" maxlength="10" required ng-model="registration.newTSP.panCardNumber">

来源

2016-08-01 Ved Prakash

–

任何人都请帮助我。我该怎么做。我已经在使用ng-pattern =“/^[a-zA-Z0-9] * $ /”。但它允许输入文本。我想拒绝特殊的字符。感谢提前 –

实际的pancard正则表达式是5个字符4位数字和尾随字符。已经更新了下面的答案。 – mayankbatra

使用以下

控制器

$scope.panCardRegex = '/[A-Z]{5}\d{4}[A-Z]{1}/i';

HTML

<input type="text" ng-model="abc" ng-pattern="panCardRegex" />

来源

2016-08-01 09:12:59 mayankbatra

感谢的人..它的工作（你是Awsome） –

@ ved-prakash你能接受答案，如果这是工作。 – mayankbatra

是的，我接受了这个答案，并且我把你的代码放在我的项目中****非常感谢***** –

固定的模式，只允许字母数字

/^[a-z0-9]+$/i

来源

2016-08-01 09:12:30 Nishi

你可以使用正则表达式与伍模式，并通过NG-消息通过NG-消息显示消息

$scope.useOnlySpecialCharacters = /^[a-zA-Z0-9]*$/; 

<input type="text" ng-model="specialcharacters" 
ng-pattern="useOnlySpecialCharacters" />

显示消息

<div ng-message="pattern"> Please Enter AlphaNumeric </div>

最好的选择是使用指令

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

     var cleanInputValue = inputValue.replace(/[^\w\s]/gi, ''); 
     if (cleanInputValue != inputValue) { 
      modelCtrl.$setViewValue(cleanInputValue); 
      modelCtrl.$render(); 
     } 

     return cleanInputValue; 
     }); 
    } 
    } 
});

LINK

来源

2016-08-01 10:02:48

其如此复杂。我使用了ng-pattern =“/ [A-Z] {5} \ d {4} [A-Z] {1}/i”它是一个合适的PAN卡Number（regularExpression）.. ans by liberalTGM –

这个指令的功能就像魔术一样！ – Raptor

为了允许元音变音和其他重音字符（Diacritics），在指令中使用'/ [^ A-zÀ-ÿ\ s]/gi'。 –

使用ng-pattern="/[A-Z]{5}\d{4}[A-Z]{1}/i"在HTML的输入标签

来源

2016-08-24 07:08:38

我已经完成了这段代码 –

Use Directives to restrict Special characters: 

angular.module('scPatternExample', []) 
     .controller('scController', ['$scope', function($scope) { 
     }]) 
    .directive('restrictSpecialCharactersDirective', function() { 
     function link(scope, elem, attrs, ngModel) { 
       ngModel.$parsers.push(function(viewValue) { 
       var reg = /^[a-zA-Z0-9]*$/; 
       if (viewValue.match(reg)) { 
        return viewValue; 
       } 
       var transformedValue = ngModel.$modelValue; 
       ngModel.$setViewValue(transformedValue); 
       ngModel.$render(); 
       return transformedValue; 
       }); 
      } 

      return { 
       restrict: 'A', 
       require: 'ngModel', 
       link: link 
      };  
     }); 


    <input type="text" ng-model="coupon.code" restrict-Special-Characters-Directive>

来源

2017-10-26 12:19:34

如何禁用角度Js输入标签中的特殊字符。只允许字母数字

回答

相关问题