JSFiddle - React, Tailwind, and code Playground

by TheBuzzer

HTML

<input type="text" id="TestIn" value="(514) 555-5555" /><br />
<input type="text" id="TestVal1" value="" /><br />
<input type="text" id="TestVal2" value="" /><br />
<input type="text" id="TestVal3" value="" />

JavaScript

$('#TestIn').change(function () {
    	var filter1 = /\d?(?:(?:[\+]?(?:[\d]{1,2}(?:[ ]+|[\-.])))?[(]?(?:[\d]{3})[\-/)]?(?:[ ]+)?)?(?:[2-9][0-9 \-.]{3,})(?:(?:[ ]+|[xX]|(i:ext[\.]?)){1,3}(?:[\d]{1,7}))?/g;
    	var regex1 = new RegExp(filter1);
		$('#TestVal1').val(this.value);
		$('#TestVal2').val(regex1.test(this.value));
});