2012年2月14日 星期二

[jQuery] 限制 textarea 最大可輸入長度

    
// 限制 textarea 最大可輸入長度 return true 才會顯示在畫面上
// $(this).val() 表示目前畫面上的 value,也就是長度並不包含正要輸入的這個字
$('#testAreaId').keypress(function(e) {
    var keyCode = e.keyCode ? e.keyCode : e.which;
    var BACKSPACE_KEY = 8;
    var LEFT_KEY = 37;
    var UP_KEY = 38;
    var RIGHT_KEY = 39;
    var DOWN_KEY = 40;
    var DELETE_KEY = 46;
    var filterKeys = [BACKSPACE_KEY, LEFT_KEY, UP_KEY, RIGHT_KEY, DOWN_KEY, DELETE_KEY];
    var enable = false;
    
    // 因為 FF 會沒有反應,因此多增加此判斷
    for (var i in filterKeys) {
        if (keyCode == filterKeys[i]) {
            enable = true;
            break;
        }
    }
    
    return enable || ($(this).val().length < ${maxLength});
});


沒有留言:

張貼留言