使用JS或Jquery检测textarea中的url

Question

如何检测(在textarea或其他输入中)用户是否已完成输入Facebook的主要形式的URL？

像这样的解决方案可以工作,但只有当用户完成输入并执行操作时才会工作,例如单击按钮.

我希望在整个条目中检测网址,例如检查每个空格后输入的单词.

先感谢您.

Answer 1

以下是如何执行此操作的示例:

$(function() {
    "use strict";
    var url = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;

    $("#textarea").on("keyup", function( e ) {
        var urls, output = "";
        if ( e.keyCode !== 8 && e.keyCode !== 9 && e.keyCode !== 13 && e.keyCode !== 32 && e.keyCode !== 46 ) {
            // Return is backspace, tab, enter, space or delete was not pressed.
            return;
        }

        while ((urls = url.exec(this.value)) !== null) {
            output += urls[0] + ", ";
        }
        console.log("URLS: " + output.substring(0, output.length - 2));
    });
});

当然,你必须绑定其他事件,比如.blur()它才能正常工作.

尝试以下小提琴,并在键入时检查控制台:http://jsfiddle.net/sQVe/mXQrc/1/

Answer 2

看看这个:https://github.com/stephan-fischer/jQuery-LiveUrl/ - 它干净,简单,并提供网址的预览!