Could you tell me the way to validate form when the input is clean.

[euclid1990]

Could you tell me the way to validate form when the input is clean.
I have a model $scope.form and it is empty object.
Now, I want to auto show validate message at initial screen.

Example: Althought user has not interacted with the form, but it show the message error

[hueitan]

Hello @NguyenVanVuong

You can use submit $validationProvider.validate(form) to trigger the error message

Here's the example

<form name="Form">
    <input type="text" name="number" ng-model="form.number" validator="number"/>
    <button ng-click="form.submit(Form)"></button>
</form>
<script>
    $scope.form = {
        submit: function (form) {
            $validationProvider.validate(form)
                .success(successCallback)
                .error(errorCallback);
        }
    };
    // ...
</script>

[euclid1990]

@huei90
I have found some mistake here:
I read file angular-validation.js.

https://github.com/huei90/angular-validation/blob/master/dist/angular-validation.js#L320

$validationProvider.getExpression(validation).test(value) ? valid.success() : valid.error();

But when initial with [required] validator, althought the field is empty but $validationProvider.getExpression(validation).test(value) still return true;

So i have to edit it be to:

if (typeof value == 'undefined' && validation == 'required') return valid.error();
return $validationProvider.getExpression(validation).test(value) ? valid.success() : valid.error();

Plz check regex of [required] validator

[hueitan]

@NguyenVanVuong

You are right , but angular-validation will check only iff $dirty status is true

That's means $pristine status doesn't do the validation.

Here's the reference

And I suggested you use submit to trigger validation to show error message.

[euclid1990]

@huei90
I have try your code here but it not validate when init screen
http://plnkr.co/edit/MXf5eR2Mnclm46nMj6u2?p=preview

[hueitan]

Hi @NguyenVanVuong

Thanks for pointing out this problem.

Here's my solution

http://plnkr.co/edit/LMQXsQ?p=preview

You have to get the Form Constructor first, which is built using html form name

$timeout(function () {
    $validationProvider.validate($scope.Form);
});

And we should use $timeout to make sure Form Constructor is generated.

[hueitan]

Thanks for your issue and I have added Q & A section in here

Thanks again!

_Perhaps I have to add a provider to easy this_

[euclid1990]

@huei90 Thank for support 👯

[hueitan]

@NguyenVanVuong Issue me if you have other suggestion 😄
Thanks