Для того чтобы после сабмита очистить поле с типом "tel" и показать очищенную маску "+7 (___) ___-__-__", можно воспользоваться библиотекой IMask. IMask — это библиотека для маскирования ввода, которая позволяет легко управлять форматированием пользовательского ввода в текстовых полях.
Для решения вашей задачи, вам необходимо выполнить следующие шаги:
1. Для начала, у вас должно быть элемент формы с полем типа "tel". Например:
<input type="tel" id="phone"> <button id="submit">Submit</button>
2. Подключите библиотеку IMask к вашему проекту. Можно сделать это либо через CDN:
<script src="https://unpkg.com/imask"></script>
либо скачав саму библиотеку и добавив в проект.
3. Далее, инициализируйте поле ввода с помощью IMask, указав нужную маску:
const phoneInput = document.getElementById('phone'); const phoneMask = IMask(phoneInput, { mask: '+{7} (000) 000-00-00' });
4. Добавьте обработчик события на кнопку "Submit", который будет сбрасывать значение поля и обновлять маску:
const submitButton = document.getElementById('submit'); submitButton.addEventListener('click', function() { phoneMask.unmaskedValue = ''; phoneMask.updateValue(); });
После выполнения этих шагов, при клике на кнопку "Submit" значение поля ввода типа "tel" будет сбрасываться, а маска "+7 (___) ___-__-__" будет отображаться в нем.
Надеюсь, эта информация окажется полезной. Если у вас возникнут дополнительные вопросы, не стесняйтесь обращаться.