[javascript] input 글자수 제한하기

html 태그에 간혹 maxlength="100" 먹히지가 않을때가 있더라구요 이 이유에 대해서는 

나중에 차차 알아볼 생각인데 

일단 먼저 버그를 수정해야 하기 때문에 소스로 수정했습니다 

this 로 엘리멘트 자체를 넘겨주고 제한 할 길이를 받아 oninput으로 제한 할 수 있습니다

function inputCheck(el, maxlength){

	if (el.value.length > maxlength) {
    
    	el.value = el.value.substr(0, maxlength);
    
    }

}

자바스크립트 영역에 해당과 같이 함수를 만들어주시고 

 

html 태그에는

 

<input type="text" oninput="inputCheck(this, 70)"/>

이와 같이 해주시면 길이가 70 이상은 입력되지 않습니다 

 

그리고 가장 중요한것은 백앤드 쪽에서도 길이를 체크 해줘야합니다 

 

프론트에서만 제한 해놓으면 서버쪽에서는 받는 그대로 프로세스가 진행 되기 때문입니다