В хроме на мобильных устройствах не правильно работает форма ввода мобильного номера.

NewJey
На сайте с 21.11.2009
Offline
139
667

Добрый день.

Столкнулся сегодня с такой проблемой: в магазине реализован быстрый заказ таким образом:

jQuery(function($){
$("#phone").mask("+38(099) 999-9999");
});
$(document).ready(function () {
$("#form").submit(function () { //устанавливаем событие отправки для формы с id=form
var form_data = $(this).serialize(); //собераем все данные из формы
$.ajax({
type: "POST", //Метод отправки
url: "catalog/controller/product/send.php", //путь до php фаила отправителя
data: form_data,
success: function () {
//код в этом блоке выполняется при успешной отправке сообщения
alert("Ваш заказ отправлен. Спасибо! Мы свяжемся с Вами в ближайшее время.");
},
error: function (xhr, str) {
alert('Возникла ошибка: ' + xhr.responseCode);

}
}); return false;
});
});

 <div style="font-size:18px;text-align:center;padding-bottom:10px;">Заказ в один клик!</div>
<div class="input-group" style="z-index:0;">
<form id="form" class="input-group" style="display: table-row;">

<input type="text" class="form-control" id="phone" name="contact_phone" placeholder="(xxx)xxx-xxxx" required style="font-size:20px;"/>
<input type="hidden" name="name" value="<?=$heading_title;?>">
<input type="hidden" name="model" value="<?=$model?>">
<input type="hidden" name="price" value="<?=$price?>">

<span class="input-group-btn">
<button onclick= "yaCounter36297525.reachGoal('fast-order'); ga('send','event','fast','zakaz'); return true;""send_url('/cart?free&amp;result_wrap=quick_result&amp;act=add_order&amp;quick[p]=166&amp;quick[k]=9&amp;tel='+$('#quick_tel').val(),'quick_result','script')" class="btn btn-default" type="submit">Купить в 1 клик</button>
</span>
</form></div>

На ПК под хромом всё хорошо, а вот если зайти с мобильного и попытаться ввести номер телефона то форма начинает ползти и можно вводит сколько угодно символов.

Получается что-то такого типа +38(09999999_)___-__-__ и сколько бы не вводил не перескакивает на поля для заполнения.

Может кто знает как профиксить проблему?

Спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий