Nano Hash - криптовалюты, майнинг, программирование

Поле ввода для приема мобильных номеров

Я хочу получить номер мобильного телефона в качестве ввода разных стран. Я попытался использовать код ниже:

<input type="tel" minlength="8" maxlength="10" name="Number" id="Number" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}" class="form-control wow fadeInUp" placeholder="* WhatsApp Number" required/>

Но он также принимает символы, поэтому как я могу применить проверку длины и проверку числа.

validation html bootstrap-4
11.09.2020

  • Это относится к обоим. Если вы введете символ и покинете поле, свойство validity.valid элемента будет установлено на false, его свойство validity.patternMismatch будет установлено на true, а псевдокласс CSS :invalid будет включен. 11.09.2020
  • каким должен быть мой шаблон, потому что с этим шаблоном номера не принимаются? 11.09.2020
  • Если вы нажмете «Выполнить фрагмент кода», вы увидите, что можете вводить туда числа сколько хотите. 11.09.2020
  • Отвечает ли это на ваш вопрос? Текстовое поле ввода, которое принимает только числа И тире персонаж 11.09.2020
  • Возможно, он должен принимать символ +, так как это стандарт для обозначения международного телефонного кода. Обширное обсуждение здесь: stackoverflow.com /вопросы/15745545/ 12.09.2020
  • @HereticMonkey Этот код js не принимает + или (). 12.09.2020
  • Я указал, что хочу принимать номера мобильных телефонов в разных странах, чтобы они включали + и ( ). 12.09.2020

Ответы:


1

этот код предотвратит ввод символа. При вводе ничего, кроме цифр, опускается.

<input type="tel" required minlength="8" maxlength="15" name="Number" id="Number"  class="form-control wow fadeInUp" placeholder="* WhatsApp Number" oninput="this.value = this.value.replace(/[^0-9+()]/g, '');" pattern=".{8,10}" placeholder="123-45-678" />

11.09.2020
  • Я отформатировал ваш код для вас, но вы должны объяснить любые изменения, которые вы внесли в код, или то, как код отвечает на вопрос ОП, в виде текста, сопровождающего код. 11.09.2020
  • проверить сейчас @HereticMonkey 11.09.2020
  • @king neo как добавить регулярное выражение для приема + и ( ) с числами ? 12.09.2020
  • Теперь он принимает + и (), но аннулирует проверку длины, также принимается даже менее 8 цифр. 12.09.2020
  • не проверяйте, но вы также можете использовать проверку js 12.09.2020
  • удачного кодирования :) :) 12.09.2020
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..