2017-04-11 2 views
0

나는 양식을 작성하고 암호 유효성 검사 다음에 넣어 위해 노력하고 있어요 :AngularJS 1.x : ng-pattern에서 맞춤 메시지를 표시하는 방법은 무엇입니까?

최소 8, 적어도 1 대문자 알파벳, 1 소문자 알파벳, 1 개 번호 1 개 특수 문자 :

다음 regrex 사용 :

"/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[[email protected]$!%*?&])[A-Za-z\[email protected]$!%*?&]{8,}/" 

코드 : 이제

Password:<input type="text" name="pass" ng-model="password" ng-pattern="/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.{8,}$)(?=.*[[email protected]$!%*?&])[A-Za-z\[email protected]$!%*?&]/" required /> 
<span style="color:Red" ng-show="personForm.pass.$error.required"> Required! </span> 
<span style="color:Red" ng-show="personForm.pass.$dirty&&personForm.pass.$error.pattern">Please Enter Valid Pass</span> 

, 내가 뭘 원하는 사용자로로 표시 동적 메시지입니다 그는 암호를 채 웁니다. 예 : 그가 대문자, 소문자, 특수 문자를 채웠지 만 번호를 채우지 않았다면 "비밀번호는 숫자를 포함해야합니다"라고 표시하고 싶습니다. 제출을 클릭하지 않고도 가능합니까? 아니면 대신 버튼을 클릭해야합니까?

답변

0

나는 이렇게 할 수 있다고 생각하지 않는다. 암호 조합에 대한 작은 메시지를주고 패스워드가 유효하지 않을 때까지 제출 버튼을 비활성 상태로 놓는다.

0

정답은 ngMessages를 사용하는 것입니다. here을 참조하십시오 (버전 1.3 이후로, 나는이 게시물에 대해 너무 새로운 것임을 깨달았습니다).

관련 문제