-1

angulerJS v1.5.8

■疑問点
入力値のバリデーションの実現方法について

■やりたいこと
ある文字列の中に半角数字が混在しないようにする
混在した場合は、エラーメッセージを表示する

■現在のHTML

<input required class="form-control" id="name" name="name" type="text" ng-model="name" value="" ng-pattern="???????/" /> 
<div ng-show="myForm.name.$invalid && !myForm.name.$untouched && myForm.name.$error.pattern"> 
<span class="sign" >数字が混在しています</span> 
</div>

■現状
inputタグには、半角数字を除き、どのような文字でも入力可能とします。
上記ではバリデーションがうまくいっていません。

どのように、半角数字の混在を検出したらよいでしょうか?

2

1 件の回答 1

0

ng-pattern="???????/"ng-pattern="/^\D+$/"のように変更すればいいかと思います。
^ : 先頭から
$ : 最後まで
\D: 数字以外の文字
+ : の連続

以下例:

<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body>
<form name="myForm" >
  <input required class="form-control" id="name" name="name" type="text" ng-model="name" value="" 
  ng-pattern="/^\D+$/" />
  <div ng-show="myForm.name.$invalid && !myForm.name.$untouched && myForm.name.$error.pattern"> 
  <span class="sign" >数字が混在しています</span> 
  </div>
</form>
</body>
</html>

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。