javascript - 从函数中删除基于 url

Question

我有这段代码可以正常工作，但我想确保当用户输入一个 url 然后点击链接时，它会将他们带到他们输入的 url。

我遇到的问题是，当用户输入他们的 url 时，基于 url 被附加到他们输入的 url 中。例如，如果用户输入 espn.com，他们会得到 fiddle.jshell.net/BMDKr/5/show/espn.com。我只想要 espn.com。

有人可以建议吗？

http://jsfiddle.net/BMDKr/6/

<input type="text" id="text"> <a href="#" id="link" target="_blank">Link</a>



 $(function () {
// When the input field changes value
$('#text').blur(function(){

    // Set the attribute 'href' of the link to the value of the input field
    $('#link').attr('href', $('#text').val());
});
});

Answer 1

你想检查 http:// 是否在他们输入的 url 中，如果没有，你想在链接上设置 href 之前添加它。您可以使用正则表达式来检查 http:// 和 https://。这是一个基本示例：

var url = $('#text').val();
if (!url.match(/^https?:\/\//i)) {
    url = 'http://'+url;
}