从功能中删除基于URL的URL

Question

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

我遇到的问题是，当用户输入他们的网址时，基于网址的网址会被添加到他们输入的网址中。例如，如果用户输入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：//是否在他们输入的网址中，如果没有，您希望在链接上设置href之前添加它。您可以使用正则表达式来检查http：//和https：//。这是一个基本的例子：

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