본문 바로가기
카테고리 없음

04. 템플릿 시스템과 바인딩 - 폼과 유효성 검사를 위한 템플릿(폼/입력 지시자)

by 장쿨이 2014. 6. 16.

angularjs는 유효성 검증을 손쉽게 처리 할 수 있게 폼 양식 유효성 검증과 관련된 지시자를 제공한다. 그럼 form요소와 input,select,textarea,요소에서 사용할 수 있는 지시자를 살펴보자.

<input type="text" ng-model="문자열" name="문자열" ng-required="문자열" ng-minlength="숫자" ng-maxlength="숫자" ng-pattern="문자열" ng-change="문자열">

 

ng-model : 바인딩 대상이 되는 모델명
name : 폼에서 사용하는 이름
ng-required : 필수 입력 여부
ng-minlength : 입력 박스에 입력되는 값의 최소 글자 수
ng-maxlength : 입력 박스에 ㅣㅂ력되는 값의 최대 글자 수
ng-pattern : 입력된 값과 비교될 정규 표현식이며 /정규표현식/과 같은 값이 요구 된다.
ng-change : 사용자의 입력이 발생할 때 실행될 표현식

댓글