JSFiddle - React, Tailwind, and code Playground

by hhh hhh

HTML

<script src="http://fh375286.bget.ru/mask.js"></script> 
<input type="text" id="phone">

JavaScript

$(function(){
      $("#phone").mask("+7 (999) 99-99-99", {placeholder: ""});
      });

      $('#phone').blur(function(){
        if($(this).val().length < 17) {
          $(this).css('border', '1px solid #f00')
        }
      });
      $('#phone').focus(function() {
         $(this).css('border', '1px solid #000')

      });