JSFiddle - React, Tailwind, and code Playground

by raji_rvr

HTML

<div ng-app="app" ng-controller="formCntrl">
    <form name="formName" >
<p> <input type="text" name="user" ng-model="userName" placeholder="Name" required></p>
 <span ng-show="formName.user.$error.required && formName.user.$dirty">Enter Name!!</span>
     require: {{ formName.user.$error.required }};
    dirty:{{formName.user.$dirty}};
    
   <span ng-show="formName.user.$valid">
    <p> <input type="email" name="email" ng-model="email" placeholder="Email" required></p>
    
        <span ng-show="formName.email.$error.required && formName.email.$dirty">Enter mail id!!</span>
           require: {{ formName.email.$error.required }};
    dirty:{{formName.email.$dirty}};
        </span>
    </form>
</div>

JavaScript

var app=angular.module('app',[]);
app.controller('formCntrl',function($scope)
               {
    $scope.userName="";
    $scope.email="";
    $scope.password="";
});