JSFiddle - React, Tailwind, and code Playground

HTML

<input id="myinput" type="email" name="myinput"/><br>
<button id="mybtn" type="submit" value="Submit">Submit</button>

CSS

🤓😂

JavaScript

var ranges = [
  '\ud83c[\udf00-\udfff]', // U+1F300 to U+1F3FF
  '\ud83d[\udc00-\ude4f]', // U+1F400 to U+1F64F
  '\ud83d[\ude80-\udeff]'  // U+1F680 to U+1F6FF
];


$('#mybtn').on('click', function() {
  removeInvalidChars();
})

function removeInvalidChars() {
  var str = $('#myinput').val();
 
  str = str.replace(new RegExp(ranges.join('|'), 'g'), '');
  $("#myinput").val(str);
}