パスワードフィールドのスペースを許可しないでください。

-1

ng-patternを使用してパスワード入力フィールドにスペースを入力するたびにエラーメッセージを表示する必要があります。パスワードフィールドのスペースを許可しないでください。

2017-07-05 Santhoshkumar

可能な重複（https://stackoverflow.com/questions/16334765/regular-expression-入力フィールドのスペースを許さないスペース） – Sajal

何を試しましたか？ 'ng-pattern ="/^ [a-zA-Z \ d \ - \ _] + $/"'のような 'ng-pattern 'を使用し、' ng-trim = "false" 'を設定するだけです。 [この回答を見る]（https://stackoverflow.com/a/31417133/3153169） – devqon

'pass.indexOf（ '_'）'のチェックを容易にしてください。 –

使用するために更新するのに役立ちます - 許可していません/^\S*$/文字列内のどこにでもスペースがあります。

<form name="myForm"> 
    <input type='password' name="passInpt" ng-model='pass' data-ng-pattern="/^\S*$/"> 
    <div data-ng-show="myForm.passInpt.$error.pattern" >White Space not allowed</div> 
</form>

DEMO：[入力フィールドにスペースを許可しないための正規表現]の

var app = angular.module("app", []); 
 
app.controller("ctrl", function($scope) {});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="app" ng-controller="ctrl"> 
 
    <form name="myForm"> 
 
    <input type='password' name="passInpt" ng-model='pass' data-ng-pattern="/^\S*$/"> 
 
    <div data-ng-show="myForm.passInpt.$error.pattern">White Space not allowed</div> 
 
    </form> 
 
</body>

出典

2017-07-05 07:21:19

は、ここでは、IndexOfメソッドをチェックすることができるか、あなたはそれのためにREGXを使用することができ、リンクJsfiddle demo

です。

HTML

<div ng-app="myApp"> 
    <div ng-controller="ctrl"> 

    <form> 
     <span>{{error}}</span> 
     <input type='password' ng-model='pass' ng-change='check()'> 
    </form> 
    </div> 
</div>

** JS **

var app = angular.module('myApp', []); 

    app.controller('ctrl', function($scope) { 
    $scope.error = ''; 
    $scope.check = function() { 
     $scope.pass.indexOf(' ') > -1 ? ($scope.error = 'Invalid') : ($scope.error = ''); 
    } 
    })

希望これはあなたが

正規表現のスペース

出典

2017-07-05 06:49:02

入力するとエラーメッセージが表示されませんスペース。 – Santhoshkumar

@Santhoshkumarがスペースのために更新されました –

パスワードフィールドのスペースを許可しないでください。

答えて

関連する問題