javascript - 像推特一样的评论框

Question

我想要实现的是类似于 Twitter 网站上的评论框。我想设置一个完美的正则表达式，它可以包含像 http://www.abc.com, abc.com, http://abc.com 这样的 URL 格式。和 www.abc.com。这应该从 140 个字符的总文本字段限制中减少 20 个字符。超过 140 个字符后，用户不应输入。

我从 github 上找到了一个不错的选择，但它没有所有这些功能，我正在尝试修复它，但仍然没有成功。在这里，我提供了相同的链接供您引用。 http://jsfiddle.net/FUADn/1/

仍然不适合我的是:

1) 无法跟踪 url，如:“abc.com”、“www.abc.com”和“http://abc.com”

2) 无法限制输入 140 个字符后，继续输入并显示红色文本

谁能帮我解决这个问题

Answer 1

关于第一个问题，你可以试试这样的正则表达式:

((http|https):\/\/)?(www\.)?([A-Za-z0-9$_.+!*\(\),;/?:@&~=-])+(\.[A-Za-z0-9]{2,})?(\.[A-Za-z0-9]{2,4})  

我不确定这对你的情况是否足够，但你可以试一试。

至于第二个问题你可以用event.preventDefault() .例如:

$("#post-msg").keypress(function (e) {
    var a=$("#post-msg").val().length; 

    if (a > 140) {
        e.preventDefault();
    }
    // ...
}