ОЦІНИТИ Доробку: Заповнення полів у формі з типом Число та полів за заданою маскою.
2023-11-29 11:23:46
Залишіть повідомлення в цій темі і відкриються контакти користувача
Оцініть, будь ласка, наступну доробку, кожну частину окремо
Частина 1
Потрібно, щоб для полів з типами:
- Число,
- Число з плаваючою точкою,
коли ми заповнюємо в ньому дані, випадала клавіатура з цифрами 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, при натисканні на які така цифра буде додаватися у поле.
Можна буде вводити будь-яку кількість послідовних цифр, в тому числі розділених комою або крапкою згідно з умовою заповнення поля з типом Число з плаваючою точкою
Частина 2
Потрібно, щоб для полів з типом:
- Телефон,
- mail,
- Рядок тощо, можна було задавати маску введення.
Наприклад, для телефона маска може бути наступною:
+99(999)999-99-99,
де 9 - це цифра-замінник з тих, що вводимо.
Тобто, коли ми заповнюємо таке поле, у нас випадає числова клавіатура й ми можемо просто підставляти цифри, кому (крапку).
Дуже добре, якщо для полів з типом Телефон можна буде обрати країну з доступного списку, як це вже зроблено у вас на сайті, коли реєструється новий бокс, наприклад.
Дивитися скрін.
Для email маска може бути наступною:
*@*.*
де * - будь-який символ, що допустимий для створення email адрес.
Ці функції потрібно, щоб працювали, коли форма заповнюється:
- з комп'ютера
- з мобільного пристрою: смартфона, планшета тощо
Вячеслав Легеза
Частина 1
Потрібно, щоб для полів з типами:
- Число,
- Число з плаваючою точкою,
коли ми заповнюємо в ньому дані, випадала клавіатура з цифрами 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, при натисканні на які така цифра буде додаватися у поле.
Можна буде вводити будь-яку кількість послідовних цифр, в тому числі розділених комою або крапкою згідно з умовою заповнення поля з типом Число з плаваючою точкою
Частина 2
Потрібно, щоб для полів з типом:
- Телефон,
- mail,
- Рядок тощо, можна було задавати маску введення.
Наприклад, для телефона маска може бути наступною:
+99(999)999-99-99,
де 9 - це цифра-замінник з тих, що вводимо.
Тобто, коли ми заповнюємо таке поле, у нас випадає числова клавіатура й ми можемо просто підставляти цифри, кому (крапку).
Дуже добре, якщо для полів з типом Телефон можна буде обрати країну з доступного списку, як це вже зроблено у вас на сайті, коли реєструється новий бокс, наприклад.
Дивитися скрін.
Для email маска може бути наступною:
*@*.*
де * - будь-який символ, що допустимий для створення email адрес.
Ці функції потрібно, щоб працювали, коли форма заповнюється:
- з комп'ютера
- з мобільного пристрою: смартфона, планшета тощо
Відповіді:
там є можливість вставляти скрипти для форми, напиши собі вирази на JS і не потрібно нічого доопрацьовувати
29.11.2023, 17:15
Оригінальний коментар доступний на версії: ru
Легеза Вячеслав
iCOLOR OneBox (ФОП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРІАНОВИЧ)
iCOLOR OneBox (ФОП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРІАНОВИЧ)
ФОП Легеза В.В.
Іменна ліцензія
Залишіть повідомлення в цій темі і відкриються контакти користувача
Устименко Игорь
OneBox production писал/а:
там є можливість вставляти скрипти для форми, напиши собі вирази на JS і не потрібно нічого доопрацьовувати
а чи можеш навести приклад такого скрипта, щоб вводити телефон?
Буду дуже вдячний за допомогу
29.11.2023, 17:48
Вячеслав Легеза
Легеза Вячеслав
iCOLOR OneBox (ФОП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРІАНОВИЧ)
iCOLOR OneBox (ФОП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРІАНОВИЧ)
ФОП Легеза В.В.
Іменна ліцензія
Залишіть повідомлення в цій темі і відкриються контакти користувача
Легеза Вячеслав
iCOLOR OneBox (ФОП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРІАНОВИЧ) писал/а:
Устименко Игорь
OneBox production писал/а:
там є можливість вставляти скрипти для форми, напиши собі вирази на JS і не потрібно нічого доопрацьовувати
а чи можеш навести приклад такого скрипта, щоб вводити телефон?
Буду дуже вдячний за допомогу
Ось такий код запропонував штучний інтелект
***
const mask = "+99(999)999-99-99";
const input = document.querySelector("#phone");
// Встановлюємо маску для поля введення
input.addEventListener("input", (e) => {
let value = e.target.value;
value = value.replace(/[^0-9\.]/g, "");
value = value.replace(/\./g, "-").replace(/\(/g, "").replace(/\)/g, "");
e.target.value = mask.replace(/9/g, value);
});
***
Підкажи, будь ласка. як можна перевірити?
Куди потрібно вставляти цей код, щоб він спрацював
29.11.2023, 17:58
Вячеслав Легеза
Легеза Вячеслав
iCOLOR OneBox (ФОП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРІАНОВИЧ) писал/а:
Легеза Вячеслав
iCOLOR OneBox (ФОП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРІАНОВИЧ) писал/а:
Устименко Игорь
OneBox production писал/а:
там є можливість вставляти скрипти для форми, напиши собі вирази на JS і не потрібно нічого доопрацьовувати
а чи можеш навести приклад такого скрипта, щоб вводити телефон?
Буду дуже вдячний за допомогу
Ось такий код запропонував штучний інтелект
***
const mask = "+99(999)999-99-99";
const input = document.querySelector("#phone");
// Встановлюємо маску для поля введення
input.addEventListener("input", (e) => {
let value = e.target.value;
value = value.replace(/[^0-9\.]/g, "");
value = value.replace(/\./g, "-").replace(/\(/g, "").replace(/\)/g, "");
e.target.value = mask.replace(/9/g, value);
});
***
Підкажи, будь ласка. як можна перевірити?
Куди потрібно вставляти цей код, щоб він спрацював
в шестеренке справа есть настройка дизайна и там вставляй
увы но проверять код который ты дал я не хо) пробуй сам разбираться
29.11.2023, 18:37
Будь ласка, приєднуйтесь до діалогу. Якщо вам є що сказати – будь ласка, напишіть коментар. Для входу потрібний мобільний телефон та смс-код для ідентифікації.
Увійти та написати коментар
Copyright © OneBox 2024
