Пользовательский интерфейс Angularjs подтверждает проблему с часами

Question

Я пытаюсь сделать проверку диапазона между двумя числовыми входами. Входы представляют base remuneration а также top remuneration, Я пытался использовать ui-validate-watch следующим образом: http://jsfiddle.net/GNJP4/3/. Проблема в том, что в основном lowerBound не обновляется правильно (то же самое с upperBound)

Если у вас есть идея, чтобы обойти или использовать директивы (я пытался, но это беспорядок) будет принята с благодарностью.

Answer 1

Здесь у меня есть два поля ввода, такие как пароль и пароль подтверждения. Теперь мы хотим проверить соответствие пароля в обоих полях или нет. Вот фрагмент кода HTML и JS.

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


// you have to be put this line of code in your controller
$scope.formData = {    
      password: "",
      cPassword: ""
  };

<!-- 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>