Предварительно добавив "http://" к URL, который еще не содержит" http://"

Question

У меня есть поле input, в котором сохраняется URL, я бы хотел, чтобы этот сохраненный ввод распознавался, когда «Http //» отсутствует в начале переменной, но не знаю, с чего начать ... можно проверить только часть строки? - тогда есть функция, которая будет добавляться при необходимости?

Answer 1

Если вы также хотите разрешить "https://",, я бы использовал следующее регулярное выражение:

if (!/^https?:\/\//i.test(url)) {
    url = 'http://' + url;
}

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

• ^ - совпадать только в начале строки
• http - Соответствует литеральной строке "http"
• s? - при желании соответствовать "s"
• : - сопоставить двоеточие
• \/\/ - экранировать символы "/", поскольку они отмечают начало / конец регулярного выражения
• "i" после регулярного выражения делает его нечувствительным к регистру, поэтому оно будет соответствовать "HTTP://", и т.д.

Answer 2

Простое решение для того, что вы хотите, это следующее:

var prefix = 'http://';
if (s.substr(0, prefix.length) !== prefix)
{
    s = prefix + s;
}

Однако есть несколько вещей, о которых вы должны знать ...

Тест здесь чувствителен к регистру. Это означает, что если строка изначально Http://example.com, это изменит ее на http://Http://example.com, что, вероятно, не то, что вы хотите. Вы, вероятно, также не должны изменять любую строку, начинающуюся с foo://, иначе вы можете получить что-то вроде http://https://example.com.

С другой стороны, если вы получаете ввод, такой как example.com?redirect=http://othersite.com, то вы, вероятно, действительно хотите добавить http://, поэтому простой поиск :// может оказаться недостаточно для общего решения.

Альтернативные подходы

• Использование регулярного выражения:

  if (!s.match(/^[a-zA-Z]+:\/\//))
  {
      s = 'http://' + s;
  }
  

• Использование библиотеки анализа URI, такой как JS-URI .

  if (new URI(s).scheme === null)
  {
      s = 'http://' + s;
  }
  

Смежные вопросы

• Javascript equalsIgnoreCase: сравнение строк без учета регистра
• JavaScript начинается с
• Как мне разобрать URL в имя хоста и путь в javascript?

Answer 3

снято с линкенизатора (ноль не будет возражать)

link = (link.indexOf('://') === -1) ? 'http://' + link : link;

Это добавит 'http://' к link, если не найдет протокол указания ://. Это не будет хорошо работать, если :// встречается в другом месте строки, но достаточно хорошо.

Примеры:

http://www.google.com -> http://www.google.com
ftp://google.com      -> ftp://google.com
www.google.com        -> http://www.google.com
google.com            -> http://google.com

---

Поскольку вы сказали, что сохраняете этот URL, было бы лучше сделать это на стороне сервера, чтобы клиенты, у которых отключен js, не испортили ссылки.

Answer 4

Я изменил ответ @Mark Byers, включив в него также "https://".

function formatUrl(url){
    var httpString = 'http://'
        , httpsString = 'https://'
        ;

    if (url.substr(0, httpString.length) !== httpString && url.substr(0, httpsString.length) !== httpsString)
        url = httpString + url;

    return url;
}

Answer 5

Вот что я использую для мгновенного удовлетворения.использование прослушивателя keyup в jquery.

$('#url').keyup(function () {
        if (  ($(this).val().length >=5) && ($(this).val().substr(0, 5) != 'http:') && ($(this).val().substr(0, 5) != 'https') ) {
            $(this).val('http://' + $(this).val());
        }
    });

Answer 6

ES6, один вкладыш

Вот «современный» подход:

const withHttp = url => !/^https?:\/\//i.test(url) ? `http://${url}` : url;

Теперь вы можете использовать withHttp как функцию:

const myUrl = withHttp("www.example.org");

Answer 7

Ниже фрагмент кода проверяет:

• Проверяет, не является ли URL пустым
• Удаляет пустые пробелы в начале или конце

• Проверяет http://example.com, https://example.com И // example.com

  if (!!url && !!url.trim()) { //Check if url is not blank
      url = url.trim(); //Removes blank spaces from start and end
      if (!/^(https?:)?\/\//i.test(url)) { //Checks for if url doesn't match either of: http://example.com, https://example.com AND //example.com
          url = 'http://' + url; //Prepend http:// to the URL
      }
  } else {
      //Handle empty url
  }
  

Answer 8

if (url.indexOf('http://') != 0)
    url = 'http://' + url;

Answer 9

Как-то так (запись по памяти)?

if (url.toUpper(url.substring(0, 7) != "HTTP://")
  url = "http://" + url;

Answer 10

Я изменил ответы @Morgan Taylor и @Mark Byer's, чтобы они не учитывали регистр.Работает с http: // и https://

function formatUrl(url)
{
    var httpString = "http://";
    var httpsString = "https://";
    if (url.substr(0, httpString.length).toLowerCase() !== httpString && url.substr(0, httpsString.length).toLowerCase() !== httpsString)
                url = httpString + url;
    return url;
}