how to use form validation?

[luisrudge]

Currently, I have this:

<div class="form-group" ng-class="{'has-error': form.content.$touched && form.content.$invalid}">
  <textarea required name="content" placeholder="content" ng-model="vm.update.content" class="form-control"></textarea>
  <div class="form-error" ng-messages="form.content.$error" ng-if="form.content.$touched">
    <p ng-message="required">This field is required</p>
  </div>
</div>

I want to use angular-summernote, but it doesn't validate correctly

<div class="form-group" ng-class="{'has-error': form.content.$touched && form.content.$invalid}">
  <summernote name="content" required ng-model="vm.update.content"></summernote>
  <div class="form-error" ng-messages="form.content.$error" ng-if="form.content.$touched">
    <p ng-message="required">This field is required</p>
  </div>
</div>

[luisrudge]

Actually, it does validate correctly, but it doesn't trigger $touched correcly

[mizoRC]

+1

[miterfrants]

Got same problem

[serkanince]

+1