JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en" ng-app="myApp">
    <head>
        <title>My AngularJS App</title>
    </head>
    
    <body ng-controller="stageController">
        <form name="myForm" novalidate>
           <input type="number" id="txtRefundFormType" name="txtRefundFormType" ng-maxlength="2" ng-model="txtRefundFormType" required="required" >
            
            <div ng-show="myForm.txtRefundFormType.$dirty && myForm.txtRefundFormType.$invalid">Invalid: 
                <span ng-show="myForm.txtRefundFormType.$error.required">Username is required.</span>
                 <span ng-show="myForm.txtRefundFormType.$error.maxlength">Max length is 2.</span>

        </form>
    </body>
</html>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"></script>

JavaScript

'use strict';

// Declare app level module which depends on filters, and services
angular.module('myApp', []);

/* Controllers */
function stageController($scope) {

    $scope.txtRefundFormType = '';

}