JSFiddle - React, Tailwind, and code Playground

by Alexey Demin

HTML

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/src/jquery.maskedinput.min.js"></script>
<button id="test-button">Click me</button>

JavaScript

$(document).ready(function() {

  let mask = "+7(999) 999-9999";
  let $inp = $("<input/>").mask(mask);

  $('#test-button').click(function(e) {
    swal({
      text: "Введите номер телефона",
      content: {
        element: $inp[0],
        attributes: {
          type: 'text',
          placeholder: mask
        }
      }
    })
    .then((value) => {
      swal('Вы ввели: ' + $inp.val());
    });
  });
});