[앱] Android 웹뷰에서 숫자입력시 maxlength 체크

 

 

[문제상황] 

안드로이드 웹뷰에서 maxlength체크 안되는 현상발생.

 

input type="tel" maxlength="3" 으로 적용 후 확인해 보니 최대 길이를 체크못하고 계속 입력됨(IOS에서는 잘됨).

keycode 확인해보니 input type="tel"일 경우 입력되는 숫자를 특수한문자로 인식.

*참고로 input type="tel"로 적용한 이유는 IOS에서 숫자 키패드를 띄우기 위함. input type="number"로 할 경우 IOS에서 숫자키패드를 띄울 수 없어서 input type="tel"로적용 후 pattern을 적용함.

 

 

[해결]

아래 함수를 적용하여 해결함.

function maxLengthCheck(object){

	if(object.value.length > object.maxLength) {

		object.value = object.value.slice(0, object.maxLength);

	}

}

<input type="text" maxlength="3" oninput="maxLengthCheck(this)">

 

 

 

출처: mungmungdog.tistory.com/31