Hide validation message after submission of the form, AngularJS!

Question

Hide validation message after submission of the form, AngularJS!

Navigation

#1 by (2 votes)

0

I have a form with validations in Angular but when I send it I give%% to delete the inputs, but when I do this the validation alerts appear.

How do I send the form, the fields are cleared and the messages do not appear?

javascript angularjs

asked by anonymous 05.09.2017 / 18:03

1 answer

I need help with replaceAll for monetary values! How to get a string from a json?

score 2 · Answer 1

The correct way to restore and validate an angled form is with ng-messages

angular.module("seuApp", ["ngMessages"]);

Where your form is referenced in controller by name example ...

<form name="teste">

<input class="form-control" type="text" ng-model="testes.nome" name="nome" placeholder="Nome" ng-required="true" ng-minlength="10"/>
</form>

<div ng-messages="teste.nome.$error" class="alert alert-danger">
            <div ng-message="required">
                Por favor, preencha o campo nome!
            </div>
            <div ng-message="minlength">
                O campo nome deve ter no mínimo 10 caracteres.
            </div>
</div>

After submission, it should be restored with setPristine

$scope.add = function (el) {
                $scope.testes.push(angular.copy(el));
                delete $scope.el;
                $scope.teste.$setPristine();
            };