JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script>
    var validation = angular.module('my', []).controller('mycontroller1' , function($scope) {
        $scope.firstName = "jesse";
        $scope.email = "is";
        $scope.age = "right";
        $scope.pattern = /^\d*$/;
    });
    
    angular.module('my').controller('mycontroller2' , function($scope) {
        $scope.firstName = "Jesse";
        $scope.email = "is right";
        $scope.age = "again";
        $scope.pattern = /^\d*$/;
    });



</script>


<body ng-app="my">
    <div ng-controller="mycontroller1">
        <form name="form1">
            <label>Name :</label> <input type="text" name="name" ng-model="firstName" required> 
            <br> 
            <br> 
            <label>Email: </label> <input type="email"
                name="email" ng-model="email"> 
<br/>
<br/>

            <label>Age :</label> 
            <input type="text" name="age" ng-model="age" ng-pattern="pattern">
        </form>
    </div>
    
    <div ng-controller="mycontroller2">
        <form name="form1">
            <label>Name :</label> <input type="text" name="name" ng-model="firstName" required> 
            <br> 
            <br> 
            <label>Email: </label> <input type="email"
                name="email" ng-model="email"> 
<br/>
<br/>

            <label>Age :</label> 
            <input type="text" name="age" ng-model="age" ng-pattern="pattern">
        </form>
    </div>
</body>