1

Есть текстовое поле input, пользователь должен ввести туда ссылку на свой сайт.

Как с помощь JS сделать, чтобы при вводе в это поле оставалось только название сайта, а всякие https, http, и www удалялись.

То есть человек ввёл https://site.ru и когда страка ввода перестаёт быть в фокусе, лишнее отрезалось и осталось только site.ru.

4
  • Пожалуйста, уточните, что входит в ваше определение "всякие https, http, и www"? Кроме этого у URL могут быть query параметры. И что именно вы хотите оставить? Только домен? Или путь после домена вам тоже нужен?
    – Inventor
    10 ноя 2020 в 15:36
  • @Inventor: тут "... страка ввода", а Вы про query параметры...
    – UModeL
    10 ноя 2020 в 15:39
  • @Inventor Строка ввода в произвольном порядке. В которую пользователь вписывает адрес сайта. Нужно удалять, то что в начале, а именно https:// или http//:, чтобы оставалось толь доменное имя, то есть site.ru
    – Motor_ka
    10 ноя 2020 в 15:49
  • <input type="text" name="xfield[website]" id="xf_website" data-alert="Сайт организации" value=""> Так выглядит строка ввода
    – Motor_ka
    10 ноя 2020 в 15:53

2 ответа 2

1

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

const input =  document.querySelector('.my')
input.addEventListener('blur',(e) => {
  input.value = input.value.replace(/.+\/\//g,'')
})
    <input class="my" type="text"/>

2
  • Спасибо, отлично работает.
    – Motor_ka
    10 ноя 2020 в 18:34
  • @Motor_ka рад помочь
    – Armen
    10 ноя 2020 в 18:35
1

document.querySelector('input').oninput = function (evt) {
  evt.target.value = evt.target.value.replace(/http:\/\/|https:\/\/|https:\/\/www\.|www\./gi, '');
}
<input type="text">

1
  • Спасибо, хороший вариант
    – Motor_ka
    10 ноя 2020 в 18:34

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.