Auto submit on form valid

Auto submit on form valid

HTML

<div ng-app="myApp">
    <div ng-controller="myController">
        <form name='myForm' novalidate>
            Name: <input type='Button' ng-model='model.name' name='userName' required/>
            <br/>
            <tt>myForm.userName.$valid = {{myForm.userName.$valid}}</tt><br>
        </form>
    </div>
</div>

JavaScript

var app = angular.module('myApp', []);

app.controller('myController',['$scope',function($scope) {
    $scope.$watch('myForm.userName.$valid',function(newValue,oldvalue) {
        if(newValue) {
            alert('Model is valid');
            //Can do a ajax model submit.
        }
        
    });
}]);