When the very first character is written on an input, it is not binded with $scope, and then $invalid flag takes a wrong value

[jesusjiib]

Hello!

First of all, I would like to thank you for this great and useful library.

I have detected an issue when an angular-ui-form-validation directive is assigned to a form input field:

1. I code a sample html form, dumping $scope.name and $invalid variables:
   

As you could see below, the result is correct, since $scope.name='' and $invalid=false:

2. Here comes the issue: When the very first character is written on the input field, it is expected that $scope.name='a' and $invalid=false, however, the input is not binded with its corresponding $scope variable, and then $invalid is set to true:
   

3. Then, I insert the second character. After this, the variable is binded and the validation process works fine
   
   If I delete the just inserted character, then the directive is still working:
   

4. After step 3, if I delete the last character and the input lost the focus, the validation directive works fine
   

5. Then, if I put another random character, the validation works
   

Any ideas/solutions? Thank you very much

[nelsonomuto]

I just ran a test for this in my debugger and I don't see the issue. Everything is firing as expected and the binding is accurate.

In the validator, you can inspect the form model controller, it is passed in as the 6th parameter, it corresponds to sampleForm.namefield (the form controller model property)

function (errorMessageElement, val, attr, $element, model, ngModelController, $scope, rawAttr) {

[nelsonomuto]

As far as the UI bound value {{sampleForm.username.$valid}}, you are correct to observe that it does not update on the first run of the validation. However the value is accurately updated in the validator function corresponding value ngModelController.$valid. Not sure why the binding is not kicked off initially on the first run. But I will keep testing, good catch.

[jesusjiib]

Thank you very much. I'll wait for a resolution. I cannot try to solve the bug since the source code is minified.

PD. By the way, something similar happens when CTRL-C/CTRL-V is done on the input.

[jesusjiib]

I just realize that this bug appears when using AngularJS>=1.3.0. With AngularJS 1.2.x the custom validation library works fine.

[nelsonomuto]

I am looking into it currently.

[nirmaladdon]

@nelsonomuto Have you checked ?
i am also facing this problem

[krunalshah68]

Yep faced same issue today. Model is not updating on first time input and unfortunately form gets invalidated. This causes major issue in form validation. Hope it gets fixed ASAP.
P.S: I'm using custom validation created in my custom module.