JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular-resource.min.js"></script>
<script src="https://raw.github.com/angular-ui/angular-ui/master/build/angular-ui.min.js"></script>
<div ng-app='myApp'>
  <div ng-controller="MyCtrl">
    <form name='contactForm' novalidate>
    
      <p ng-show='contactForm.$error.required'>
        Email OR Phone Required
      </p>
      
      <input type='email'
             name='email'
             ng-model='contact.email' 
             placeholder='your@email.com'
             ng-required='!contact.phone' />
        
      <span ng-show='contactForm.email.$error.email'>
        Email must be valid.
      </span>
      
      <br/> 
        
      -- OR --
      <br/>        
        
      <input type='text'
             ng-model='contact.phone'             
             placeholder='(xxx) xxx-xxxx'
             ng-required='!contact.email' />        
        
    </form>
  </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {
    $scope.contact = {};
}