Question

我试图在2个数字输入之间进行范围验证。输入代表base remuneration和top remuneration。我试图像这样使用 ui-validate-watch ：http://jsfiddle.net/GNJP4/3/。问题是基本上lowerBound未正确更新（与upperBound相同）

如果您有想法解决问题或使用指令（我试过但是很乱）会非常感激。

Answer 1

这里我有两个输入字段，如password和confirmPassword。现在我们想在两个字段中做一些验证，比如密码匹配。这是html和js代码snipet。

＆＃13;

var validationApp = angular.module('validationApp',['ngGrid','ui.utils']);


// you have to be put this line of code in your controller
$scope.formData = {    
		    password: "",
		    cPassword: ""
		};

＆＃13;

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

＆＃13;

Angularjs UI验证手表问题

1 个答案: