限制輸入的字數, 同時秀出現在已輸入的字數, 避免字數過長 PHP

限制輸入的字數, 同時秀出現在已輸入的字數, 避免字數過長 PHP

讓使用的 user 很方便即時知道, 現在還有多少字可以輸入使用
不必等到整個都輸入完畢, 才作字數過多的警告!

範例100字為限:
<script type='text/javascript'>
$(function(){
    var n = $("#INtext").val().length+1;
    $('#nowtxt').html('<b>目前:'+n+'字</b>');
    $('#INtext').keydown(function(){
        n = $("#INtext").val().length+1;
        $('#nowtxt').html('<b>目前:'+n+'字</b>');
    });
    $('#INtext').click(function(){
        n = $("#INtext").val().length+1;
        $('#nowtxt').html('<b>目前:'+n+'字</b>');
    });
    $('#Submit').click(function(){
        n = $("#INtext").val().length+1;
        if( n>100 ){
            alert('提醒: 字數太多了!');
            return false;
        }
    });
});
</script>

<form method="post">
<span id="nowtxt"></span>
<textarea id="INtext" name="INtext" cols=100 rows=5></textarea>
<input type=Submit id="Submit" name="Submit" value="上傳">
</form>