공백 및 특수 문자를 사용할 수 없도록 ang-pattern 쓰기

공백 및 특수 문자를 사용할 수 없도록 ang-pattern 쓰기

사용자 이름에 공백이나 특수 문자가 없는지 확인하기 위해 각진 ng 패턴을 가져오려고 합니다.공백이나 특수 문자를 입력하면 다음 양식에서 false를 반환합니다.그러나 a-z, A-z 또는 0-9를 입력하는 즉시 참이 됩니다.ng- pattern="/[^\s]+/" 및 \S와 [^]을 시도해 보았지만 차이가 없습니다.

<form name="myform">
  valid? {{ myform.$valid }}
  <input type="text" name="username" ng-model="username" ng-pattern="/[a-zA-Z0-9^ ]/" required/>
</form>

플랭크로 작성된 양식은 다음과 같습니다. http://plnkr.co/edit/6T78kyUgXYfNAwB4RHKQ?p=preview

다음 패턴을 시도합니다.

/^[a-zA-Z0-9]*$/

이것은 영숫자만 허용합니다.

내가 찾던 구체적인 답을 말하자면, 나는 이미 스니퍼가 제시한 패턴을 가지고 있었습니다./^[a-zA-Z0-9]*$/, 하지만 여전히 각은 선두/trailing 공백을 무시하는 것으로 나타났습니다.크리스찬이 댓글에서 언급한 것처럼:

Angular는 입력 모형을 자릅니다. 즉, 유효성 검사가 공백에 대해 트리거되지 않습니다.추가할 수 있습니다.ng-trim="false"이 문제를 해결하기 위한 입력에.

Angular는 기본적으로 공백을 자동으로 트리밍하여 사용자를 보호하려고 합니다.저의 경우, 사용자가 후행 공백이 유효하지 않음을 인지하기를 바랍니다.

사용자가 주소 필드에 이메일을 입력하는 것을 거부해야 하는 경우

ng-pattern="/^[^@]+$/"

<div ng-messages="vm.updateCC.mailingAddress.$error" ng-show="vm.updateCC.mailingAddress.$touched">
     <p class="validation-message" ng-message="pattern">Please enter a valid address</p>
</div>

언급URL : https://stackoverflow.com/questions/19423827/write-an-ng-pattern-to-disallow-whitespaces-and-special-characters