JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<div ng-app="app" ng-controller="someController">
    <form name='someform' id='someform'>
     an empty form  
        <div ng-show="someform.$valid">The form is valid</div>
        <div ng-show="someform.$invalid">The form is not valid</div>
    </form>
</div>

CSS

.ng-invalid {
    border: 1px solid red;
}

JavaScript

angular.module("app", []).controller('someController', function($scope, $compile) {
    var input = $compile($('<input type="text" ng-model="textinput" required />'))($scope);
    $("#someform").append(input);    
});