잡담소장소

javascript 붙여넣기/입력 글자수 제한 본문

Study ;3

javascript 붙여넣기/입력 글자수 제한

유부뽀 2015. 5. 26. 12:48

작업 중 제일 귀찮은게 실시간으로 체크해줘야 하는거..


붙여넣기 방법으로 접근할 경우를 대비하여

글자를 입력받을 때바다 for문을 돌리도록 했다


function chk_char_length( obj, keyCode, limit ){
    //tab, backspace, delete,
    var str = obj.val();
    var arrKeys = [8, 9, 37, 38, 39, 40, 46];

    if( arrKeys.in_array(keyCode) ){
        return true;
    }
    var cnt = 0;
    var isLimit = false;
    var tmp = '';
    for( var i=0; i< str.length; i++){
        cnt += (str.charCodeAt(i) > 128 ) ? 2:1;
        tmp += str[i];

        if( cnt >= limit ){
            if( cnt > limit ){
                tmp = tmp.substring( 0, tmp.length -1 );
            }
            obj.val( tmp);
            isLimit = true;
            return;
        }
    }
    if( isLimit )
        return false;
    else
        return true;

    ...

    $('input[name^="test"]').keydown(function(e) {
        if( !chk_char_length( $(this), e.keyCode,6 ) )
            return false;
    });
    $('input[name^="test"]').keyup( function(e){
        if( !chk_char_length( $(this), e.keyCode,6 ) )
            return false;
    });



반응형

'Study ;3' 카테고리의 다른 글

angularJS Tip(일지 아닐지..)  (0) 2015.09.10
Ruby on Rails Free Tutorial  (0) 2015.09.07
angularjs 쓰면서 삽질한 포인트  (0) 2015.04.06
Javascript에서 Array , Object 관련  (0) 2015.01.23
Java for MAC, Window (with Git)  (0) 2015.01.15
Comments