IMask - это библиотека для создания масок ввода для текстовых полей веб-форм. Для создания маски для электронной почты на IMask можно воспользоваться следующим кодом:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email Masking Example</title>
<script src="https://cdn.jsdelivr.net/npm/imask"></script>
</head>
<body>
<input type="text" id="email-input" placeholder="Enter your email">
<script>
const emailInput = document.getElementById('email-input');
const emailMask = IMask(emailInput, {
mask: /^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$/,
});
</script>
</body>
</html>
В данном примере мы создаем текстовое поле для ввода электронной почты с id "email-input" и применяем маску, которая будет проверять вводимый текст на соответствие шаблону электронной почты. Шаблон ^[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$ соответствует стандартному формату адреса электронной почты.
При вводе текста в поле будет автоматически проверяться его соответствие маске. Если введенный текст не соответствует формату электронной почты, поле будет выделено красным, указывая на ошибку ввода.