angular form controller

about.ctrl.js

(function(){
    'use strict';

angular.module('App')

    .controller('AboutFormCtrl',['$scope','$log',function($scope,$log){
        $log.debug('AboutFormCtrl');
        $scope.age = null;
        $scope.generateAges = function(){
            var ages = [];
            for(var i=18;i<=60; ++i){
                ages.push(i);
            }
            return ages;
        };
        $scope.submit = function(){
            if($scope.aboutForm.$valid){
                alert("valid");
            }
            else{
                alert('invalid');
            }
        };
    }]);

})();

about.html

<section>
    <h2>ngSubmit</h2>

    <form name="aboutForm" ng-submit="submit()" ng-controller="AboutFormCtrl">
        <div class="form-group">
            <label>Name:</label>
            <input type="text" ng-model="name"/>
        </div>
        <div class="form-group">
            <label>Age:</label>
            <select ng-model="age" ng-options="age for age in generateAges()">
            </select>
        </div>
        <input type="submit"/>
    </form>
</section>