如何从整个文本中获取网站 URL？

发布于 2024-10-26 17:15:32 字数 1578 浏览 3 评论 0原文

我想从 ASP.NET 应用程序中的文本框中获取 url 链接
当我输入文本时，如果它包含 www.google.com 或 http://google.com 然后我想从 textarea 值获取每个链接或第一个链接。
如何使用 Jquery 或 Javascript 语言实现。当我在文本区域控件中输入单词/文本时，我想获取每个或第一个链接。在这里，我写了一些代码。

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test Page </title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <div class="innerWrap">
       <textarea autocomplete="off" id="txtUpdate" style="height: 48px; width: 408px;" > 
          </textarea>
     </div>
</div>
<script>
$(document).ready(function(){
    $('#txtUpdate').keyup(function() {    
        getURLfromText(jQuery.trim($(this).val()));
    });     
});
function getURLfromText(objTxt)
{
  // code
}
</script>
 </form>
</body>
</html>

请给我正确的解决方案，也应该是我复制并粘贴一些文本的作品。怎么可能。？

已编辑

输入

脚踏实地：Tracy Caldwell Dyson www.google.com
在太空度过近六个月后，
她带着两次探险回到了地面
在她的腰带下。 http‍://bit‍.ly/dEpNHo

OutPut

数组 linkarray[]=new Array(); linkarray[0]="www.google.com"; linkarray[1]="http://‍bit.ly/dEpNHo";

原文

I want to fetch url links from textbox in asp.net application
I have textarea when I entered text if it contains links like www.google.com or http://google.com then I want get every links or first link from textarea value.
How I achieve with Jquery or Javascript language.
I want to get each or first links when I typing words/text into textarea control.
here, I writes some code.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test Page </title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <div class="innerWrap">
       <textarea autocomplete="off" id="txtUpdate" style="height: 48px; width: 408px;" > 
          </textarea>
     </div>
</div>
<script>
$(document).ready(function(){
    $('#txtUpdate').keyup(function() {    
        getURLfromText(jQuery.trim($(this).val()));
    });     
});
function getURLfromText(objTxt)
{
  // code
}
</script>
 </form>
</body>
</html>

Please give me correct solution for that,
also should be works I copied and paste some text.
How It possible.?

Edited

Input

Down to Earth: Tracy Caldwell Dyson www.google.com
After spending nearly six months in space,
she is back on the ground, with two expeditions
under her belt. http‍://bit‍.ly/dEpNHo

OutPut

Array linkarray[]=new Array(); linkarray[0]="www.google.com"; linkarray[1]="http://‍bit.ly/dEpNHo";

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

你的背包 2024-11-02 17:15:32

我在 jsfiddle 上发布了一个简短的示例。我想这就是您正在寻找的东西？包含的 url 正则表达式可能接受许多您不想要的值。您可以将其切换为您喜欢的表达方式。

该脚本基本上获取文本区域的值，将其分割为所有空格，然后使用正则表达式测试数组的每个值以查看它是否是 url。

http://jsfiddle.net/UkCPq/1/

HTML：

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Test Page </title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div class="innerWrap">
                <textarea autocomplete="off" id="txtUpdate" style="height: 48px; width: 408px;" ></textarea>
            </div>
        </form>
        <p>Your urls, sir:</p>
        <ul id="theurls">
            <li>:)</li>
        </ul>
    </body>
</html>

Javacript：

$(document).ready(function() {
    $('#txtUpdate').keyup(function() {
        getURLfromText($.trim($(this).val()));
    });
});

function getURLfromText(objTxt) {
    var urlpatt = new RegExp(/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi);
    var objArray = objTxt.split(/\s/g);
    $('#theurls').text('');
    $.each(objArray, function(key, value) {
        var result = value.match(urlpatt);
        if (result !== null) {
            $('<li>' + result + '</li>').appendTo('#theurls');
        }
    });
}

I've posted a short example on jsfiddle. I think this is the kind of thing you're looking for? The regex for urls included probably accepts a lot of values you do not want. You can switch that for an expression you prefer.

The script basically takes the value of the textarea, splits it on all whitespace, and then tests each value of the array to see whether it is a url using regex.

http://jsfiddle.net/UkCPq/1/

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Test Page </title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div class="innerWrap">
                <textarea autocomplete="off" id="txtUpdate" style="height: 48px; width: 408px;" ></textarea>
            </div>
        </form>
        <p>Your urls, sir:</p>
        <ul id="theurls">
            <li>:)</li>
        </ul>
    </body>
</html>

Javacript:

$(document).ready(function() {
    $('#txtUpdate').keyup(function() {
        getURLfromText($.trim($(this).val()));
    });
});

function getURLfromText(objTxt) {
    var urlpatt = new RegExp(/[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi);
    var objArray = objTxt.split(/\s/g);
    $('#theurls').text('');
    $.each(objArray, function(key, value) {
        var result = value.match(urlpatt);
        if (result !== null) {
            $('<li>' + result + '</li>').appendTo('#theurls');
        }
    });
}

回复收藏 0 原文

~没有更多了~