JSFiddle - React, Tailwind, and code Playground

HTML

<span id="emails" ></span>
<textarea id="text" cols="80" rows="10"></textarea>

JavaScript

$('#text').on('keyup',function(event) {
  emails=extractEmails($(this).val());
  phones=extractPhones($(this).val());
    if(emails.length){
    $("#emails").text('Email Address not allowed: ' + emails);
    }
    else{
  	$( "#emails" ).empty();
  	}
  if(phones.length){
  $("#emails").text('Phone Number Address not allowed: ' + phones);
  }
  else{
  $( "#emails" ).empty();
  }
    
}); 

  

function extractEmails (text)
{
    return text.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi);
}

function extractPhones (text)
{
    return text.match(/([- +()]*[0-9][- +()0-9]{3,15})/gi);
}