JS-在TextField输入中检查http：//

Question

我正在使用Appcelerator的Titanium IDE用JavaScript编写我的应用程序。 我一直在研究这个问题，并尝试了大约两个小时的Regex。 无论如何，我的问题是这样的：

我有一个网址栏。 如果用户以“ www”开始输入。 我希望它在其前面添加“ http：//”，如果它们以“ http：//”开头，则不会添加它。 并且，如果没有“ www”。 也可以添加完整的“ http：// www。”。

一种可行的解决方法是使用Regex（我以前从未使用过，没有任何经验）或查看前两个字母是“ ht”还是“ ww”，以及是否这不是匹配项，则只需添加“ http：// www”。

我上面发布的内容是我认为可以做的，而且我很可能听起来很生气，因为这没有任何意义。 我并不是真正要求写出完整的代码。 我可以添加各种内容，我只是在寻找一些可能对我能够插入和使用/修改有用的代码/输入。

谢谢！

编辑：很好的回应！ 我敢肯定，即使不是全部，我也会尽力而为：)

Answer 1

对于此字符串操作，正则表达式太复杂了。 尝试以下方法：

<input onchange="testUrl(this)">

<script>
function testUrl(el){
    if(el.value.indexOf('http://') == 0){
        if(!el.value.indexOf('http://www.')){
            el.value = 'http://' + el.value.substr(6);
        }
     } else {
        el.value = 'http://www.' + el.value.substr(6);
     }
}
</script>

Answer 2

if(url.match(/^http:\/\/$/)
  // do stuff for when they start with http://

if(url.match(/^www\./))
  // do stuff for when they start with www

if(!url.match(/(www?\.?|htt?p?:?\/?\/?)/))
  // do stuff for a matching ww or ht...

分解...

• ^是模式的开始
• $是模式的结尾
• (...|...)是左侧还是右侧
• \\/和\\. 在必要时使用\\转义特殊字符
• ? 使上一个字符为可选

Answer 3

这是另一种解决方案：

var appendHttpToUrl = function(url){
    var httpwww = "http://www.";
    var rx = /(^http:\/\/|^www\.)/g;
    if(url.indexOf(httpwww) === -1){
      if(url.indexOf("http://") > -1 || url.indexOf("www.") > -1){
        url = url.replace(rx,httpwww);
      }else{
        url = httpwww+url;
      }
    }
    return url;
}

这是一个演示http://jsfiddle.net/TJn7A/5/ 。

Answer 4

我只是黑了。 是的，这很丑陋，但它也可以处理https :)

function fixURL(input){
    var r = input.match(/^(https?:\/\/)?(www\.)?(.*)$/);
    return ((r[1] ? r[1] : 'http://') + (r[2]?r[2]:'')  + r[3]);
}
var input="example.com/test";
alert(fixURL(input));

如果发现此功能失败的情况。 请修复它;-)