리액트에서 특정 문자 입력을 제한하는 방법

Question

안녕하세요리액트로 글 작성 페이지를 만들고 있고input에 'ㅏ'라는 글자가 입력된다면 alert 창을 띄우고'ㅏ'를 입력할 수 없도록 만들고 싶습니다구글링을 해서 따라해봤는데 적용이 되지 않네요뭐가 잘못된건지, 또 어떻게 고쳐야하는지 잘 모르겠습니다 ㅠ제가 작성한 코드입니다function characterCheck(obj){ var regExp = /[ㅏ]/gi; if (regExp.test(obj.value)) { alert('ㅏ는 입력하실 수 없습니다'); obj.value = obj.value.substring(0, obj.value.length -1); } };

제목

초보에게 도움을 주시면 정말 감사하겠습니다 !

태평장사꾼 · Answer

단순히 함수만 검증해 봤을 때 { const value = "ㅏ"; ...}동작 하는 것을 보니 함수 내에서 obj.value 값이 제대로 들어오는 지 확인 먼저 해야 할 것 같고 onkeyup 과 onkeydown 대신 onchange 를 써보는 것도 좋을 것 같습니다.

1년했어요 · Answer

혹시 해결하셨을까요? 'ㅏ'같은 경우에는 '아'라고 적었을때는 검출 못하니까 혹시 'ㅏ'는 되고 '아'는 안되시는거면, 구글에 키코드 검색하셔서 그것 기준으로 막아보시면 될것같아요. 아니면 'ㅏ'랑 '가', '나', ... , '하' 까지 다 검출해버리셔도 될 듯그리고 검출했을때 마지막 1글자 지우는 처리하신듯합니다. 그러면 'ㅏ'를 꾹 누르면 마지막 문자만 지워지고 나머지는 안지워지니 change이벤트 때 문자열 치환으로 input.value의 'ㅏ'랑 '가', '나', ... , '하' 까지 replace한것을 input.value에 넣는다던가..하는 방법으로 하면 막을 수 있을것같아요.

리액트에서 특정 문자 입력을 제한하는 방법

2개의 답변

기술 목록