2015-01-21 4 views
0

2 개의 숫자 입력간에 범위 확인을 시도하고 있습니다. 입력은 base remunerationtop remuneration을 나타냅니다. 나는 ui-validate-watch을 다음과 같이 사용하려고 시도했다 : http://jsfiddle.net/GNJP4/3/. 문제는 기본적으로 lowerBound이 올바르게 업데이트되지 않는다는 것입니다 (upperBound과 동일)Angularjs UI에서 시계 문제 확인

해결 방법을 만들거나 지침을 사용하려는 경우 (대충 시도했지만 엉망입니다) 많은 도움이 될 것입니다.

답변

2

여기에는 password와 confirmPassword와 같은 두 개의 입력란이 있습니다. 이제 우리는 두 필드 모두에서 패스워드 일치와 같은 유효성 검사를하고 싶습니다. 여기 html과 js 코드 스 니펫이 있습니다.

var validationApp = angular.module('validationApp',['ngGrid','ui.utils']); 
 

 

 
// you have to be put this line of code in your controller 
 
$scope.formData = {  
 
\t \t  password: "", 
 
\t \t  cPassword: "" 
 
\t \t };
<!-- password --> 
 
     <div class="form-group" ng-class="{ 'has-error' : userForm.password.$invalid && !userForm.password.$pristine }"> 
 
     <label>Password</label> 
 
     <input type="password" name="password" class="form-control" ng-model="formData.password" ng-minlength="5" ng-maxlength="12" required> 
 
     <p ng-show="userForm.password.$invalid && !userForm.password.$pristine" class="help-block">Required and must be of length 7 to 12.</p> 
 
     </div> 
 

 
     <!-- confirm password --> 
 
     <div class="form-group" ng-class="{ 'has-error' : userForm.cPassword.$invalid && !userForm.cPassword.$pristine }"> 
 
     <label>Confirm Password</label> 
 
     <input type="password" name="cPassword" class="form-control" ng-model="formData.cPassword" ui-validate=" '$value==formData.password'" ui-validate-watch=" 'formData.password'" ng-minlength="5" ng-maxlength="12" required> 
 
     <p ng-show="userForm.cPassword.$invalid && !userForm.cPassword.$pristine" class="help-block">Required. Password not match</p> 
 
     </div>