JSFiddle - React, Tailwind, and code Playground

by Brynner

HTML

<script src="https://raw.githubusercontent.com/igorescobar/jQuery-Mask-Plugin/master/src/jquery.mask.js"></script>
<input type="text" class="phone" maxlength="15" value="85999998888">
<input type="text" class="phone" maxlength="15" value="8533334444">

JavaScript

// brynner.net

// Function
function phoneMask(e){
	var s=e.val();
	var s=s.replace(/[_\W]+/g,'');
	var n=s.length;
	if(n<11){var m='(00) 0000-00000';}else{var m='(00) 00000-00000';}
	$(e).mask(m);
}

// Type
$('body').on('keyup','.phone',function(){	
	phoneMask($(this));
});

// On load
$('.phone').keyup();