1b.app
Скопирована ссылка -

ОЦЕНИТЬ ДЕЛАНИЕ: Заполнение полей в форме с типом Число и полей по заданной маске.

Оцените, пожалуйста, следующие работы, каждую часть отдельно

Часть 1

Нужно, чтобы для полей с типами:

- число,

- число с плавающей точкой,

когда мы заполняем в нем данные, выпадала клавиатура с цифрами 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, при нажатии на которую такая цифра будет добавляться в поле.

Можно будет вводить любое количество последовательных цифр, в том числе разделенных запятой или точкой согласно условию заполнения поля с типом Число с плавающей точкой

Часть 2

Нужно, чтобы для полей с типом:

- телефон,

- mail,

- Строка и т.д., можно было задавать маску ввода.

Например, для телефона маска может быть следующей:

+99(999)999-99-99,

где 9 – это цифра-заменитель из вводимых.

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

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

Смотреть скрин.

Для email маска может быть следующей:

*@*.*

где * – любой символ, допустимый для создания email адресов.

Эти функции нужно, чтобы работали, когда форма заполняется:

- с компьютера

- с мобильного устройства: смартфона, планшета и т.п.
Оригинальный вопрос доступен на версии: ua Вячеслав Легеза

Ответы:

там есть возможность вставлять скрипты для формы , напиши себе выражения на JS и не нужно ничего дорабатывать
29.11.2023, 17:15

Легеза Вячеслав iCOLOR OneBox (ФЛП ЛЕГЕЗА ВЯЧЕСЛАВ ВАЛЕРИАНОВИЧ)
ФОП Легеза В.В.
Именная лицензия
Оставьте сообщение в этой теме и вам откроются контакты пользователя

Устименко Игорь
OneBox production писал/а:
там есть возможность вставлять скрипты для формы, напиши себе выражения на JS и не нужно ничего дорабатывать

можешь ли привести пример такого скрипта, чтобы вводить телефон?
Буду очень благодарен за помощь
29.11.2023, 17:48
Вячеслав Легеза Оригинальный комментарий доступен на версии: ua

Легеза Вячеслав 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
Вячеслав Легеза Оригинальный комментарий доступен на версии: ua



Легеза Вячеслав

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
Оригинальный комментарий доступен на версии: ua

Пожалуйста, присоединяйтесь к диалогу. Если вам есть что сказать - пожалуйста, напишите комментарий. Для входа потребуется мобильный телефон и смс-код для идентификации. Войти и написать комментарий