Как разрешить только номер телефона при intl-tel-input?
Я использовал международный телефонный ввод на своей веб-странице. Проблема в том, что пользователь может напечатать что-нибудь на <input type="tel">
, Но если вы посмотрите на эту скрипку, вы увидите, что пользователь может вводить только знак плюс в качестве первого символа, он должен ввести число для оставшихся. Кроме того, если вы копируете это,+880 1x xxxxxxxx
"и вставьте на этот вход, он будет держать только"+880 1
' Как это сделать? Я не вижу никакого дополнительного кода для достижения этой функции в этой скрипке. Не могли бы вы взглянуть на мою скрипку и сказать, что я могу сделать, чтобы добиться этого?
1 ответ
Тип ввода tel используется для мобильных устройств, чтобы изменить пользовательскую клавиатуру на цифровую клавиатуру.
developer.mozilla.org говорит, что входные данные типа tel функционально идентичны стандартным текстовым вводам
В отличие от input type="email"
а также input type="url"
входное значение не проверяется автоматически до определенного формата, прежде чем форма может быть отправлена. Таким образом, вы должны сделать обычное регулярное выражение для ввода текста.
Вы можете найти дополнительную информацию здесь:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel
А что касается начальной ссылки FIddle, которая, кажется, использует некоторые классы начальной загрузки, которые могут делать то, что вы хотите, посмотрите здесь: