Chapter 5: Working with AngularJS forms

by billy roberts

HTML

<script src="https://code.angularjs.org/1.3.2/angular.min.js"></script>
<div ng-app="myApp">
    <div ng-controller="Ctrl">
        <form novalidate name="myform">
            <input name="myinput" ng-model="formdata.myinput" required />
        </form>
        <div ng-show="isInvalid">
            Input field cannot be blank
        </div>
    </div>
</div>

JavaScript

//$watch to hide invalid markers on required fields

angular.module('myApp', [])
.controller('Ctrl', function($scope) {
    $scope.$watch('myform.myinput.$invalid', function(newval) {
        $scope.isInvalid = newval;
    });
});