<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-messages.js"></script>

<script>
    var app = angular.module('', []);

    app.controller('fullNameController', function ($scope) {
        alert("in the fullNameController");
        var temp = $scope.fullname;
        for (var idx = 0; idx < temp.length; idx++) {
            switch (true) {
                case idx == 0:
                    temp[idx] = temp[idx].toUpperCase();
                    break;
                case temp[idx - 1] == ' ':
                    if (idx == 0) temp[idx] = temp[idx].toUpperCase();
                    break;
                default:
                    temp[idx] = temp[idx].toLowerCase();
                    break;
            }
        }
        $scope.fullname = temp;
        return;
    });
</script>

<style>
    .column {
        float: left;
        width: 50%;
    }

    /* Clear floats after the columns */
    .row:after {
        content: "";
        display: table;
        clear: both;
    }
</style>

<div class="row" ng-app="">
    <table>
        <tr>
            <td>
                <div class="requestcontact">
                    Please call me at {{phone}} or email me at {{emailAddress}}.
                    {{fullname}}
                </div>
            </td>
            <td>
                <div>
                    <p>My name:</p> <br />
                    <input type="text" ng-model="fullname" size="35" ng-keypress="fullNameController($scope)" ng-mouseleave="fullNameController" />
                    <br /><br />
                    <p>Phone number:</p> <br />
                    <input type="tel" ng-model="phone" size="15" placeholder="888 888 8888" pattern="[0-9]{3}[ -][0-9]{3}[ -][0-9]{4}" maxlength="12">
                </div>
            </td>
        </tr>
    </table>

</div>

<div>
                    <p>My name:</p> <br />
                    <div ng-controller="fullNameController($scope)">
                        <input type="text" ng-model="fullname" size="35" ng-keypress="fullNameController($scope)" ng-mouseleave="fullNameController" />
                    </div>
                    <br /><br />
                    <p>Phone number:</p> <br />
                    <input type="tel" ng-model="phone" size="15" placeholder="888 888 8888" pattern="[0-9]{3}[ -][0-9]{3}[ -][0-9]{4}" maxlength="12">
                </div>