如何在不使用“http”信息的情况下打开链接..？

Question

在我的应用中，我有一个字段来填充我的用户的URL。填充后，我将网址转换为href链接。但有时用户不会在其链接中添加http://前缀，因此链接无法正常工作..

即使href中没有http:// prefex，有没有办法打开链接？

如果有人知道不使用javascript的方式很好，否则我们可以试试javascript。

这是我的

<a target="_blank" href="http://www.google.com">Google</a>

<br>

<a target="_blank" href="http://google.com">Google</a>

<br>

<a target="_blank" href="www.google.com">Google</a> // this is not work!

Live Demo

Answer 1

您应该强制用户插入有效的网址，例如使用正确的inpout代码：

<input type="url" placeholder="Enter a valid URL - e.g. http://path.to/website">

如果您不能/您不想编辑现有内容

$('a[target="_blank"]').click(function(e){

  e.preventDefault();
  window.location = /^(http|https):/.test(this.href) ? this.href : 'http://' + this.href;

});