JSFiddle - React, Tailwind, and code Playground

by Shubham Agrawal

HTML

<form>
  <input type="text" id="phoneNumber" value="" required>
  <input type="submit" value="Submit">
</form>

JavaScript

var cnt=0;
var stopDigit=0;
$('#phoneNumber').keydown(function(event) {
  if ((event.which >= 48 && event.which <= 57) || (event.which == 13) || (event.which == 188)) {
  if(cnt<=stopDigit){
		var vl = $("#phoneNumber").val();
    var res=[];
    if(event.which == 188){
   var stopDigit=cnt+2;
    }
    res[cnt] = String.fromCharCode(event.which);
    cnt++;
    var myVar = "";
    for (var i = 0; i < res.length; i++) {
      myVar += res[i];
    }
    $('#phoneNumber').val(myVar);
  }}
  event.preventDefault();
});