Маска ввода номера. Сам номер не приходит в почту :(

@mUCHENIK · Регистрация: 30.11.2015

Студворк — интернет-сервис помощи студентам

Друзья, скажите, что не так в коде?
Сделал скрипт маски ввода тел номера вот код:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
// маска телефона//
function clearVal(val, limit){
    var newVal = val.replace(/[^\d]+/g, '');
    if( newVal == '' ){
        return false;
    }else{
        return newVal.substring(0, limit);
    }
}
 
function getResString(newVal){
    var res = '';
    for(var i = 0; i < newVal.length; i++){
        if( i == 3 ){
            res += ' ';
            res += newVal.charAt(i);
        }else if( i == 6 || i == 8 ){
            res += '-';
            res += newVal.charAt(i);
        }else{
            res += newVal.charAt(i);
        }
    }
    return res;
}
 
$(function(){
    $('#customer_phone').on('input', function(){
        var val = $(this).val(),
            limit = 10;
        if( val == '' ) return;
 
        var newVal = clearVal(val, limit);
        if(!newVal){
            $(this).val('');
            return;
        }
        var res = getResString(newVal);
        $(this).val(res);
    });
});
 
// маска телефона//
 
    $(".forms").submit(function(){
        $.ajax({
            type:"POST",
            url:"mail.php",
            data:   $(this).serialize()
        })
        .done(function(){
            alert("Спасибо за заявку! Специалист свяжется с вами в ближайшее время.");
        setTimeout(function(){
            $.magnificPopup.close();
            $(".forms").trigger("reset");
        }, 1000);
    });
        return false;});

И вроде частично работает ( частично, потому как, не показывает саму маску вида+7 ___ ___-__-__ (по клику))
Но основная проблема в том, что при отправке, до меня не доходит сам номер! Вот в чем вся штука!
Как сие исправить?
Точнее будет так:
1) как вывести вид маски вида: +7 (___) ___-__-__ (по клику).
2) как решить проблему с отсутствием номера в письме?
Когда маски не было, всё работало отлично...

Вот код самой формы для отправки:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="col-md-4">
                                <form class="forms"><h4>Заявка:</h4><p>Оставьте заявку и мы свяжемся с вами в течение ближайшего времени в рабочие часы с 09:00 до 17:00 c пн-пт.</p>
                                    <label><span>Ваше имя:</span><input type="text" name="name" required></label>
                                    <label>
                                        <span>Ваш телефон:</span>
                                        <input type="$sitename" name="customer_phone" required id="customer_phone">
                                    </label>
 
                                    <div class="button-wrap">
                                        <button class="buttons">Отправить</button>
                                    </div>
 
                                    <input type="hidden" name="formname" value="Заявка с верхней формы">
                                </form>
                            </div>

А вот код mail.php:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
 
$frm_name  = "Youname";
$recepient = "*****@yandex.ru";
$sitename  = "ООО СК Урал";
$subject   = "Новая заявка с сайта \"$sitename\"";
 
$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
$formname = trim($_POST["formname"]);
 
$message = "
Форма: $formname <br>
Имя: $name <br>
Телефон: $phone
";
 
mail($recepient, $subject, $message, "From: $frm_name <$email>" . "\r\n" . "Reply-To: $email" . "\r\n" . "X-Mailer: PHP/" . phpversion() . "\r\n" . "Content-type: text/html; charset=\"utf-8\"");

Спасибо.

@Padonak · 18.04.2016, 12:14

<input type="$sitename" name="customer_phone" required id="customer_phone">

$phone = trim($_POST["phone"]);

И вот это еще не совсем понятно: <input type="$sitename" - выходит <input type="ООО СК Урал"...

Добавлено через 8 минут
И limit = 11; надо сделать, а то мой номер не влазит

@mUCHENIK · 18.04.2016, 13:05 **[ТС]**

Сообщение от Padonak

<input type="$sitename" name="customer_phone" required id="customer_phone">
$phone = trim($_POST["phone"]);

Спасибо за ответ!
Но я не совсем понял, что вы хотели этим сказать...

@Padonak · 18.04.2016, 13:08

Я не совсем то выделил зеленым цветом. Сравните name в вашей форме и то, что вы тримаете из массива $_POST

@mUCHENIK · 18.04.2016, 13:16 **[ТС]**

Сообщение от mUCHENIK

Но я не совсем понял, что вы хотели этим сказать...

Разобрался! Спасибо!

Добавлено через 2 минуты
Быть может подскажете, как прописать, что бы при клике на поле, проявлялась маска вида +7 (___) ___-__-__ ?

@Padonak · 18.04.2016, 14:21

mUCHENIK, да не за что ) Типичная фигня, каждый сто раз по невнимательности такое делал

Добавлено через 1 час 4 минуты
Попробуйте так:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>123</title>
<style>
input{
text-align:center;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
var lim=10,
    digs=function(txt){return txt.replace(/[^\d]{1,}/g,'');};
 
$(document).ready(function(){
 
$('#customer_phone')
.on('input',function(){
var val=digs($(this).val());
val.length > lim ? ( $(this).val(val.substr(0,11)),$(this).blur() ) : $(this).val(val);
})
.on('blur',function(){
var val=$(this).val();
if(val){
var newVal='+';
    newVal+=val[0].replace(/8/,'7')+' ('+val.substr(1,3)+') '+val.substr(4,3)+'-'+val.substr(7,2)+'-'+val.substr(9);
$(this).val(newVal);
}
})
.on('focus',function(){
$(this).val(digs($(this).val()));
});
 
});
</script>
</head>
<body>
<input type="text" name="customer_phone" id="customer_phone" required autofocus />
</body>
</html>

@mUCHENIK · 18.04.2016, 20:58 **[ТС]**

Сообщение от Padonak

Попробуйте так:

Классно!!!
Но теперь с письмами беда

На этот раз, я вроде всё сделал как надо...
1) Скрипт вставил в common.js

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
// маска телефона//
var lim=10,
    digs=function(txt){return txt.replace(/[^\d]{1,}/g,'');};
 
$(document).ready(function(){
 
$('#customer_phone')
.on('input',function(){
var val=digs($(this).val());
val.length > lim ? ( $(this).val(val.substr(0,11)),$(this).blur() ) : $(this).val(val);
})
.on('blur',function(){
var val=$(this).val();
if(val){
var newVal='+';
    newVal+=val[0].replace(/8/,'7')+' ('+val.substr(1,3)+') '+val.substr(4,3)+'-'+val.substr(7,2)+'-'+val.substr(9);
$(this).val(newVal);
}
})
.on('focus',function(){
$(this).val(digs($(this).val()));
});
 
});
 
// маска телефона//

2) в mail.php внес изменения:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php
 
$frm_name  = "Youname";
$recepient = "******@yandex.ru";
$sitename  = "ООО СК Урал";
$subject   = "Новая заявка с сайта \"$sitename\"";
 
$name = trim($_POST["name"]);
$customer_phone = trim($_POST["customer_phone"]);
$formname = trim($_POST["formname"]);
 
$message = "
Форма: $formname <br>
Имя: $name <br>
Телефон: $customer_phone
";
 
mail($recepient, $subject, $message, "From: $frm_name <$email>" . "\r\n" . "Reply-To: $email" . "\r\n" . "X-Mailer: PHP/" . phpversion() . "\r\n" . "Content-type: text/html; charset=\"utf-8\"");

Теперь вообще ни чего не приходит...

@Padonak · 18.04.2016, 21:02

Что - и в консоли без ошибок?

@mUCHENIK · 18.04.2016, 21:04 **[ТС]**

Блин! Зарабоотааало!!!

Добавлено через 1 минуту
Чет не могу понять, еще пару минут назад, ни чего не работало вообще... Глюк...

@Padonak · 18.04.2016, 21:13

"From: $frm_name <$email>"..."Reply-To: $email"

Эта переменная откуда берется?

Добавлено через 2 минуты

Сообщение от mUCHENIK

пару минут назад, ни чего не работало вообще

Это потому, что я все это время был на шабашке по сантехнике, а сейчас вернулся и волшебной аурой излечил глюки

@mUCHENIK · 18.04.2016, 21:58 **[ТС]**

А не подскажете, как подключить этот код, к трём формам по ID ?

Добавлено через 44 секунды

Сообщение от Padonak

Это потому, что я все это время был на шабашке по сантехнике, а сейчас вернулся и волшебной аурой излечил глюки

Похоже на то!

Добавлено через 10 минут

Сообщение от mUCHENIK

А не подскажете, как подключить этот код, к трём формам по ID ?

Решиил!!!

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// маска телефона//
var lim=10,
    digs=function(txt){return txt.replace(/[^\d]{1,}/g,'');};
 
$(document).ready(function(){
 
$('#customer_phone, #customer_phone_2, #customer_phone_3 ')
.on('input',function(){
var val=digs($(this).val());
val.length > lim ? ( $(this).val(val.substr(0,11)),$(this).blur() ) : $(this).val(val);
})
.on('blur',function(){
var val=$(this).val();
if(val){
var newVal='+';
    newVal+=val[0].replace(/8/,'7')+' ('+val.substr(1,3)+') '+val.substr(4,3)+'-'+val.substr(7,2)+'-'+val.substr(9);
$(this).val(newVal);
}
})
.on('focus',function(){
$(this).val(digs($(this).val()));
});
 
});

Работааает!!! Йуууухуууу!!!

@Padonak · 18.04.2016, 22:12

@mUCHENIK · 18.04.2016, 22:30 **[ТС]**

Если пойти дальше, Вот такой вопрос:
Возможно ли сделать так, что бы в мобильных устройствах, при попытке заполнить форму обратной связи, при клике на поле ИМЯ на экране мобильного была обычная клавиатура (буквы), а кликнув на поле ТЕЛЕФОН высвечивалась ТОЛЬКО цифровая клавиатура... Интуитивно я понимаю, что эт возможно, но вообще не представляю как сие реализовать...

@Padonak · 19.04.2016, 00:41

Я этого не знаю. Тут есть серьезные ребята, они подскажут. А я - просто любитель ))

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Padonak Философ-разговорник 1066 / 391 / 120 Регистрация: 20.02.2016 Сообщений: 884 Записей в блоге: 1
	18.04.2016, 12:14
	Сообщение было отмечено mUCHENIK как решение Решение <input type="$sitename" name="customer_phone" required id="customer_phone"> $phone = trim($_POST["phone"]); И вот это еще не совсем понятно: <input type="$sitename" - выходит <input type="ООО СК Урал"... Добавлено через 8 минут И limit = 11; надо сделать, а то мой номер не влазит 1

@Padonak Философ-разговорник 1066 / 391 / 120 Регистрация: 20.02.2016 Сообщений: 884 Записей в блоге: 1
	18.04.2016, 13:08
	Я не совсем то выделил зеленым цветом. Сравните name в вашей форме и то, что вы тримаете из массива $_POST 0

@Padonak Философ-разговорник 1066 / 391 / 120 Регистрация: 20.02.2016 Сообщений: 884 Записей в блоге: 1
	18.04.2016, 21:02
	Что - и в консоли без ошибок? 0

@mUCHENIK 1 / 1 / 1 Регистрация: 30.11.2015 Сообщений: 220
	18.04.2016, 21:04 [ТС]
	Блин! Зарабоотааало!!! Добавлено через 1 минуту Чет не могу понять, еще пару минут назад, ни чего не работало вообще... Глюк... 0

@Padonak Философ-разговорник 1066 / 391 / 120 Регистрация: 20.02.2016 Сообщений: 884 Записей в блоге: 1
	18.04.2016, 22:12
	1

@mUCHENIK 1 / 1 / 1 Регистрация: 30.11.2015 Сообщений: 220
	18.04.2016, 22:30 [ТС]
	Если пойти дальше, Вот такой вопрос: Возможно ли сделать так, что бы в мобильных устройствах, при попытке заполнить форму обратной связи, при клике на поле ИМЯ на экране мобильного была обычная клавиатура (буквы), а кликнув на поле ТЕЛЕФОН высвечивалась ТОЛЬКО цифровая клавиатура... Интуитивно я понимаю, что эт возможно, но вообще не представляю как сие реализовать... 0

@Padonak Философ-разговорник 1066 / 391 / 120 Регистрация: 20.02.2016 Сообщений: 884 Записей в блоге: 1
	19.04.2016, 00:41
	Я этого не знаю. Тут есть серьезные ребята, они подскажут. А я - просто любитель )) 0

Маска ввода номера. Сам номер не приходит в почту :(

Решение