缩短/检测URL javascript / jquery?

时间:2014-02-05 20:29:14

标签: javascript jquery html

我如何检测文本框中的网址http://和www。然后用字符串“URL”替换它(它不需要是可点击的,只需将它作为那个文本)所以当复选框切换为true时,它应该替换url。

示例:

  

一些文字www.mysite.com更多文字

然后当选中该复选框时,它应该“转换”为

  

一些文字网址更多文字

以下是我现在拥有的一些代码: 的 jsfiddle DEMO

HTML:

<div id="msg_txt_lenght">characters left: 38</div><form name="msg_form_name">
<input id="message_form" name="message" class="message_form_lim" type="text" maxlength="38" >
    </form>

<label><input id"short_url_id" name="short_url" type="checkbox" value="false" onclick="checkbox_url(this);">Shorten URL</label>

使用Javascript:

$('.message_form_lim').on('input', function (event) { 
    msg_lenght = (38 - this.value.length);
    document.getElementById("msg_txt_lenght").innerHTML = "characters left: " + msg_lenght;



});

function checkbox_url(cb)

    {
        if (cb.checked == true) {
            window.alert("true");
        }
        else{
            window.alert("false");
        }

    }

提前致谢,希望我的解释有道理。

1 个答案:

答案 0 :(得分:1)

标记字符串&amp;使用正则表达式来识别每个tokes是一个URL。

代码:

        var new_string = '';
        var word_array = $("#message_form").val().split(" ");
         for (index = 0; index < word_array.length; ++index) 
         {
              if(word_array[index].match(regex))
              {
                   new_string+='URL ';
              }
              else
              {
                   new_string+=word_array[index]+' ';                                              
              }
              console.log(new_string);
         }
       $("#message_form").val(new_string);   

Fiddle