像 Twitter 一样的评论框答案

【问题标题】：Comment Box like Twitter像 Twitter 一样的评论框
【发布时间】：2012-01-20 03:46:12
【问题描述】：

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

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

对我仍然不起作用的是：

1) 无法跟踪以下网址：“abc.com”、“www.abc.com”和“http://abc.com”

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

请大家帮帮我

【问题讨论】：

“我正在尝试修复它，但仍然没有成功” - 究竟出了什么问题，您需要什么帮助？
编辑了我的评论，不便之处见谅

标签： javascript jquery regex twitter textfield

【解决方案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();
    }
    // ...
}

【讨论】：