Суть вот в чём, в поле ввода телефона я добавил стандартную маску ввода p(ppp)ppp-pppp, какое-то время всё работало как следует, но внезапно, при вводе в форму данных, перед вводимым символом стал образовываться символ пробела. Причём не один, а заполняющий всю заполняемую в момент нажатия группу чисел, кроме вводимого (поправка, уже один, или мне вообще показалось, что больше одного
).
Т.е. ввожу я "7", у меня вводится пробел и в следующую группу чисел крайним левым разрядом "7". Жму "backspace" - удаляется пробел и "7" встаёт на место. Если продолжаю ввод без удаления, то ставится один пробел и следующий символ, т.е. если не удалять тот пробел, то после нажатия двух клавиш имеем в поле: "+_(7_9)___-____", вместо искомых: "+7(9__)___-____".
Если продолжаю ввод, получаю: "+_(7_9)_8_-7___", вместо +7(987)___-____".
При нажатии backspace, удаляются сначала пробелы, приводя текст в нужный вид, потом только символы.
Ума не приложу, куда копать и в чём вообще проблема.
С остальными полями формы всё нормально, в других формах с этой маской те же проблемы.(Настолько отчаялся, что пробовал заменять коды ' на одинарные кавычки - не помогло, разумеется))
Попробовал маску integer, ввод идёт как и предполагалось, позволяет только числа, но при этом страница ужасно виснет, будто производит неимоверные вычисления.
Кто подскажет, в чём проблема? !
Вот код:
<div class="c_form">
<div class="gcore-line-tr gcore-form-row" id="ftr-m_name">
<div class="gcore-line-td" id="ftd-m_name">
<div class="gcore-display-table gcore-input" id="fin-m_name">
<input name="name" id="m_name" placeholder="ФИО*" maxlength="" size="" class=" validate['required']" title="" style="" data-inputmask=""
data-load-state="" data-tooltip="" type="text" />
</div></div></div>
<div class="gcore-line-tr gcore-form-row" id="ftr-m_email">
<div class="gcore-line-td" id="ftd-m_email">
<div class="gcore-display-table gcore-input" id="fin-m_email">
<input name="email" id="m_email" placeholder="Email*" maxlength="" size="" class=" validate['required','email']" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" />
</div></div></div>
<div class="gcore-line-tr gcore-form-row" id="ftr-m_phone">
<div class="gcore-line-td" id="ftd-m_phone">
<div class="gcore-display-table gcore-input" id="fin-m_phone">
<input name="phone" id="m_phone" placeholder="Телефон*" maxlength="15" size="" class=" validate['required','phone']" title="" style="" data-inputmask="'mask' : '+9(999)999-9999'"data-load-state="" data-tooltip="" type="text" />
</div></div></div>
<div class="gcore-line-tr gcore-form-row" id="ftr-m_textarea6">
<div class="gcore-line-td" id="ftd-m_textarea6">
<div class="gcore-display-table gcore-input" id="fin-m_textarea6">
<textarea name="textarea6" id="m_textarea6" placeholder="Ваши комментарии и дополнительная информация" rows="6" cols="22" class="" title="" style="" data-wysiwyg="0" data-load-state="" data-tooltip=""></textarea>
</div></div></div>
<div class="gcore-line-tr gcore-form-row" id="ftr-submit5">
<div class="gcore-line-td" id="ftd-submit5">
<div class="gcore-display-table gcore-input" id="fin-submit5">
<input name="submit5" id="submit5" type="submit" value="Отослать" class="" style="" data-load-state="" />
</div></div></div>
</div>