2021/01/22 10:46

크롬,IE 한글 입력 제한 IME-MODE?

018c3800-5c14-11eb-8f94-185aa407d3b0 (1045×491)


ime-mode 기능이 IE, 파폭에서만 지원되는 기능이라 크롬에서는 해당 동작이 적용되지 않는다.

(구버전에서는지원했음 한 2016)

표준이 아니다 보니 구 크롬에서는 지원을 햇지만 현재 버전에서는 당연히 안되는게 맞음

다음과같이 함수를 만들어서 적용. (파폭/크롬/IE11에서 대응)

IE11 에서는희안하게 자동으로 한글 입력값에서 영문으로 변경된다. (-ㅇ-)

<input type="text" value="" onChange={(e) => {
isPasswordValidtion(e.target.value.trim());
}}


/*** 한글 패스트워드 패턴 체크*/

function isPasswordValidtion(words = ''){
var maxLength = 50
var patternKor = /[ㄱ-ㅎㅏ-ㅣ가-힣]/gi;
var passwdString = words.trim();
if (passwdString.length > 50) {
passwdString = passwdString.substring(0, maxLength);
return passwdString;
}
if (patternKor.test(passwdString)) {
passwdString = passwdString.replace(patternKor, '').trim();
}
return passwdString;
};


덧글

댓글 입력 영역