ngModel $validators where introduced in 1.3

ctrl.$validators[key] = validateFn; will not work in anything under 1.3

The docs state: A validator function will trigger validation on both model and input changes.

Is there a way to trigger the validation through another type of event, such as a click on a button?

@ProLoser could you please modify the following line to add your api_key https://github.com/angular-ui/ui-validate/blob/master/.travis.yml#L18 please ?

This is necessary because you already published that package on npm.

To generate the api_key, you can use this line, according to the doc:

echo -n "username:password" | base64

Then you can npm version minor and git push --tags origin master to release a new version to npm.

I've written string validation functions which for some reason generate errors, saying that there is no property length of the argument value because it is undefined. After setting a condition breakpoint, it appears that the validators are calledbefore the form inputs are loaded in the DOM at which point they are undefined. Does anyone have any ideas why this is or how to correct it?

$watch has a 3rd parameter, and when set to true it watches the entire object. It would be useful to be able to do i.e. ui-validate-watch-deep="..."

When I my validation expression returns false, the invalid value is bound to the model, anyway. This isn't how any of the pre-canned or custom validators work. Why does it behave this way?

I need to have one function that validates a field that can have multiple error types. Splitting this validator to multiple separate functions is not practical due to the amount of code required to parse this input. I have created a my own variation of the uiValidate directive with instead of:

        ctrl.$validators[key] = validateFn;

having this:

        ctrl.$validators[key] = function(value) {
          if(ctrl._validatedKey) {
            ctrl.$setValidity(ctrl._validatedKey, true);
            delete ctrl._validatedKey;
          }

          var retVal = validateFn(value);
          if(angular.isString(retVal)) {
            ctrl.$setValidity(retVal, false);
            ctrl._validatedKey = retVal;
            return false;
          }
          return retVal;
        };

So basically in a validator function instead of returning return false; I can do return "errorFoo" or return "errorBar" depending on the error.

Is such a feature welcome in this library, should I bother with a pull request or keep my changes local?

Could you please update version on NPM? Not it is 1.0.0.

Seems to be a great library compared to the implementing the validators in ngModelController, but I don't see any documentation except this one: https://htmlpreview.github.io/?https://github.com/angular-ui/ui-validate/master/demo/index.html

ui-validate makes the model undefined after change for some reason. My college has the same issue in a completely different situation. any idea why this might happen?

The issue can be seen in this plunker:

https://plnkr.co/edit/pbLlYkCVTSo1HV8KiXB2?p=preview

I used the ui-validate-watch directive on my element hoping that the source code would be smart enough to handle arrays. Sadly it didn't, not as I expected at least.

I dag into the source code here https://github.com/angular-ui/ui-validate/blob/master/src/validate.js#L139 and found that only each item in the array is being watched, and not the the array itself.

I can only assume that the use case for this implementation was something along the lines of ui-validate-watch="['someValueModel', 'someOtherValueModel']"

My use case is actually watching an entire array, perhaps something along the lines of ui-validate-watch-collection="'myArray'" .

If this is something that could be added to ui-validate, I could try and create a PR.
If I am misusing the module, could you please explain how to achieve my goal?

Is ui-validate available on any cdn (except rawgit)?

I'm trying to use the library but for some reason I wasn't able to have it working on AngularJS 1.2.28. However trying with AngularJS >= 1.3 it does work just fine.

Does it requires AngularJS >= 1.3?

Test AngularJS 1.2.28: https://jsfiddle.net/eibar/agsac2ew/10/
Test AngularJS 1.3.17: https://jsfiddle.net/eibar/mjzfgkb5/2/

Thanks!

Forgive me if this isn't the best place to post this.

The demo at the url linked from this page https://angular-ui.github.io/ (it links to an htmlpreview page [http://htmlpreview.github.io/?https://github.com/angular-ui/ui-validate/master/demo/index.html]) does not work. I'm not sure why. I cloned it to try to fix the issue, but the demo DOES work. Just not in that htmlpreview.github link.

Having the demo seem broken will discourage people from using the module. Which I think is a disservice with how great the code is. Thanks!

I'm using a directive for an input text control where i have the following two methods inside controller function.
The first time i paste some text in the text box both methods are triggered. When i type in or delete a character from the text box first is called the validation method and then the ng-change associated method (tiggeredOnTextInputChange) but the value passed (val) is undefined (ng-model="theBindingModelValue"). How can i deal with this?

        $scope.tiggeredOnTextInputChange = function (val) {
            var processedVal = val.length - 1; //"val" will be undefined the second time ngChange is triggered so this line will throw error
            $scope.theBindingModelValue = processedVal;
        };
        $scope.validateUserInput = function(value){
            var isValid = someFactoryWithoutAsyncCalls.validate(value);
            return isValid;
        }

Html of the directive (testInput.html)

<div class="form-group" data-ng-form name="myForm">
  <input type="text" name="{{inputName}}" placeholder={{inputPlaceholder}} class="form-control" data-ng-model="theBindingModelValue" data-ng-change="tiggeredOnTextInputChange(theBindingModelValue)" ui-validate="{isInputValid:'validateUserInput($value)'}"/>
  <span data-ng-show="myForm['\{\{inputName\}\}'].$error.isInputValid">Invalid input</span>
</div>

The complete directive:

function testInput() {

    function testInputCtrl($scope, someFactoryWithoutAsyncCalls) {
        $scope.tiggeredOnTextInputChange = function (val) {
            var processedVal = val.length - 1; //"val" will be undefined the second time ngChange is triggered so this line will throw error
            $scope.theBindingModelValue = processedVal;
        };
        $scope.validateUserInput = function(value){
            var isValid = someFactoryWithoutAsyncCalls.validate(value);
            return isValid;
        }
    }

    testInputCtrl.$inject = ["$scope", "someFactoryWithoutAsyncCalls"];

    return {
        scope: {
            inputName: "@",
            inputPlaceholder: "@"
        },
        restrict: "EA",
        require: "ngModel",
        replace: true,
        templateUrl: "testInput.html",
        controller: testInputCtrl
    };
}

I call it this way:

<test-input input-name="testinput" input-placeholder="TEST"></test-input>

Please add Angular 1.2 support