JSFiddle - React, Tailwind, and code Playground

by aslancods

HTML

<div ng-app="">
    
    <div ng-controller="myController">
        
        <form  name="myForm">
            <input type="text" name="fname" ng-model="user.fname" ng-model-options="{ debounce: 2000 }" required    /> <br/>
            <input type="text" name="lname"  ng-model="user.lname" ng-model-options="{ debounce: 2000 }" required /> <br/>
            <input type="text" name="city"  ng-model="user.city" ng-model-options="{ debounce: 2000 }" required /> <br/>
        </form>
        
    </div>
    
</div>

JavaScript

function myController($scope) {
    $scope.user = {
        fname: "",
        lname: "",
        city: ""
    };
    $scope.$watch('[user.fname, user.lname, user.city ]',function(){
        if( $scope.myForm.$valid && $scope.myForm.$dirty ) {
            console.log( ":)" );
        }
    },true);
};