Как проверить ссылку на YouTube с помощью jQuery и JavaScript?

Оффтоп javascript
1

Привет всем! У меня возникла проблема с проверкой ссылок на YouTube. Хочу сделать так, чтобы пользователи могли вводить URL-адреса, а система сразу проверяла их корректность. Если ссылка правильная, должно появляться сообщение “ОК”.

Я попытался написать функцию для валидации, но она почему-то не работает. Вот мой код:

function проверкаЮтуб() {
  let ссылка = $('#поле_ютуб').val();
  let шаблон = /^(?:https?:\/\/)?(?:www\.)?youtube\.com\/watch\?(?=.*v=(\w|-){11})(?:\S+)?$/;
  
  if (ссылка.match(шаблон)) {
    $('#инфо').text('ОК');
    return true;
  } else {
    $('#инфо').text('Неверная ссылка');
    return false;
  }
}

$('#поле_ютуб').on('input', проверкаЮтуб);

Что я делаю не так? Буду благодарен за любую помощь!

2

Твой код выглядит нормально, но возможно проблема в событии ‘input’. Попробуй использовать ‘change’ вместо ‘input’. Еще советую проверить, правильно ли подключен jQuery и есть ли элементы с нужными id на странице. А регулярку можно упростить, например так: /^(https?://)?(www.)?(youtube.com|youtu.?be)/.+$/ . Работает?

3

Твой подход в целом верный, но есть пара моментов. Во-первых, проверь консоль на ошибки - может, jQuery не подключен. Во-вторых, регулярка слишком сложная, можно упростить: /^(https?://)?(www.)?(youtube.com|youtu.be)/.+$/ . И последнее - событие ‘input’ может срабатывать слишком часто, попробуй ‘blur’ вместо него. Должно заработать!