JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://example.compnot.ru/inputmask/js/jquery.inputmask.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<form id="loginform" action="" method="post">
Имя:

<input type="text" name="login" />

Укажите телефон:

<input type="text" name="pswd" id="phone"/>

<input type="submit" name="enter" value="Войти" /></form>

JavaScript

$(document).ready(function() {
    $("#phone").inputmask("(999) 999-99-99");
    
    $("#loginform").validate({

       rules:{

            login:{
                required: true,
                minlength: 2,
                maxlength: 16,
            },

            pswd:{
                required: true,
                minlength: 10,
                maxlength: 10,
            },
       },

       messages:{

            login:{
                required: "Это поле обязательно для заполнения",
                minlength: "Имя должно быть минимум из 2 символов",
                maxlength: "Максимальное число символо - 16",
            },

            pswd:{
                required: "Это поле обязательно для заполнения",
                minlength: "Телефон должен состоять из 10 цифр",
                maxlength: "Телефон должен состоять из 10 цифр",
            },

       }

    });
});