В форме в поле телефона использую маску на базе библиотеки Imask.
- Пытаюсь сделать так, чтобы при фокусе как мышью, так и табом по полю появлялась полная маска со скобками, причём курсор устанавливался в начальную позицию ввода. Есть здесь проблема: или появляется неполная маска, только +38 или по табу на поле курсор смещается вконец
- Не получается очистить поле телефона после отправки формы, получаю
Warring: Element value was changed outside of mask. Syncronize mask using
mask.updateValue()
to work properly.
const phone = document.querySelector('.phone');
const name = document.querySelector('.name');
if (phone) {
phone.onfocus = () => {
newIMask(phone)
}
}
function newIMask(phone) {
let phoneMask = IMask(
phone, {
mask: '{+38} (000) 000-00-00',
lazy: false
});
phone.value = phoneMask.unmaskedValue; //если закомментировать, то по табу курсор сместиться вконец
}
document.getElementById("form").addEventListener('submit', function(e) {
e.preventDefault();
phone.value = "";
window.open('mailto:[email protected]?name=' + name.value + '&body=' + phone.value);
});
<script src="https://unpkg.com/imask"></script>
<form id="form">
<input type="text" name="name" class="name">
<input type="tel" name="phone" class="phone">
<input type="submit" value="Отправить">
<form>
Получаю такое уведомление:
Element value was changed outside of mask. Syncronize mask using
mask.updateValue()
to work properly.