PHP和mysql+jqueyr建立类twitter站点(5)

第七步：为输入框创建字符计算

在twitter中有个有趣的功能，只允许用户输入最多140个字符，当用户输入时，twitter会告诉用户，他/她还能输入多少字符。如下所示：

在我们的教程中，我们没必要限制用户输入为140个字符，当我们也可以计算用户输入了多少字符，并且能在用户输入时即时显示字符计数。

该功能实现代码如下：

$(document).ready(function(){
    $("#counter").html($("#message").val().length + "");
    $("#message").keyup(function(){
        // get new length of characters
        $("#counter").html($(this).val().length);
    });
});

现在，当用户输入时，字符计数会同时增加，如下所示：

结论

现在，我们完成了教程。最终作品看起来如下图：

在本教程中，代码仅仅用于演示jquery， php和mysql的用法，因此，有时候看来不那么优雅。