求一段字符处理的js特效

Question

求一段字符处理的js特效
设定一个值，如果字符数没达到这个值：提示还可以输入多少个字符。如果字符数超过这个值：提示已经超过多少个字符。

Answer 1

<input type="text" id="demo" /><span id="msg"></span>
<script type="text/javascript">
var limit = 10; //限制10个字符
document.getElementById('demo').onkeyup = function() {
var len = this.value.length, msg = '已输入' + len + '个字符，最多可输入' + limit + '个字符，';
if (len <= limit) msg += '还可以输入' + (limit - len) + '个字符';
else msg += '已超过限制' + (len - limit) + '个字符';
document.getElementById('msg').innerHTML = msg;
}
</script>

Answer 2

恩、就是这样啦。呼呼、length去计算就是了。

Answer 3

    $(".f_charaWrap").find(".f_charaCount").keyup(function() {
        var len = this.value.length;
        var limit = $(this).attr("limit");
        if (len <= limit) {
            num = (limit - len);
            msg = num + " characters remaining";
            $(this).parents('.f_charaWrap').removeClass("error").addClass("success");
        } else {
            num = (len - limit);
            msg = "You are over by " + num;
            $(this).parents('.f_charaWrap').removeClass("success").addClass("error");
        }        //alert($(this).parent(".f_charaMessage"));
        $(this).parents('.f_charaWrap').find(".f_charaMessage").html(msg);
    });
最终代码。