<div class="container" data-ng-app=""> <div> <form name="fm" ng-init="name='철수'" class="form-horizontal" role="form"> <div class="form-group"> <label for="" class="control-label col-xs-3">이름</label> <div class="col-xs-9"> <input type="text" name="name" class="form-control" ng-model="name" ng-maxlength="3" ng-required="true" placeholder="이름" /> <span class="text-danger" ng-show="fm.name.$error.required">필수입력</span> </div> </div> <div class="form-group"> <label for="" class="control-label col-xs-3">핸드폰 번호</label> <div class="col-xs-9"> <input type="text" name="tel" class="form-control" ng-model="tel" ng-pattern="/^\d{3}-\d{3,4}-\d{4}$/" placeholder="Ex. 010-1234-5678" /> <span class="text-danger" ng-show="fm.tel.$error.pattern">Ex. 010-1234-5678</span> </div> </div> <p>사용자 정보 : {{name}}/{{tel}}</p> <p>fm.name.$valud = {{fm.name.$valid}}</p> <p>fm.name.$error = {{fm.name.$error}}</p> <p>fm.tel.$valud = {{fm.tel.$valid}}</p> <p>fm.tel.$error = {{fm.tel.$error}}</p> <p>fm.$valid = {{fm.$valid}}</p> <p>fm.$error.required = {{fm.$error.required}}</p> </form> </div> </div>