JSFiddle - React, Tailwind, and code Playground

by Freewind

HTML

<script src="http://code.angularjs.org/angular-1.0.0rc4.min.js"></script>
<div ng-app>
    <div ng-controller="Ctrl">
        <label>Email:</label>
        <input type="text" ng-model="email" ng-class="err && 'err'" />
        <button ng-click="check()">Check</button>
        <hr/>
        {{message}}
    </div>
</div>

CSS

.err {Dashboard
    background-color: red;
}

JavaScript

function Ctrl($scope, $http) {
    $scope.err = false;
    $scope.check = function() {
        $http.post({url: '/check', data = {email: $scope.email}}).
            success(function(res)) {
                if(res === "") {
                    $scope.err = false;
                    $scope.message = "Email is valid";
                } else {
                    $scope.err = true;
                    $scope.message = true;
                }
            });
    }

}