Validation Of Angular Form Without Submit Button

I am using anuglar.js form validation. I want to check validation without form submit button. This is my html.

Copy

Check angular docs

Solution 2:

HTML

<div ng-app="myApp">
<form name="cutome_form" ng-submit="submitForm()" novalidate>

   <input type="text" name="name" class="form-control" ng-model="Name" placeholder="Name" maxlength="50" required>
                              <div ng-show="cutome_form.name.$dirty && cutome_form.name.$invalid">
                                 <span class="error" ng-show="cutome_form.name.$error.required">The field is required.</span>
                              </div>

                 <div class="form-group">
                            <label for="pwd">Alias:</label>
                            <input type="text" name="alias" class="form-control" ng-model="Alias" placeholder="Alias" maxlength="50" required>
                        </div>
    <div ng-show="cutome_form.alias.$dirty && cutome_form.alias.$invalid">
      <span class="error" ng-show="cutome_form.alias.$error.required">The field is required.</span>
    </div>

  <button type="submit" ng-disabled="cutome_form.$invalid">Submit All</button>
</form>
</div>

directive

  .directive('ngModel', function() {
    return {
        require: 'ngModel',
        link: function(scope, elem, attr, ngModel) {
            elem.on('blur', function() {
                ngModel.$dirty = true;
                scope.$apply();
            });

            ngModel.$viewChangeListeners.push(function() {
                ngModel.$dirty = false;
            });

            scope.$on('$destroy', function() {
                elem.off('blur');
            });
        }
    }
});