HTML, CSS

input type="number"에서 숫자가 아닌 e, +, - 가 입력된다.

눙엉 2021. 12. 17. 12:11
<input type="number" />

이렇게 input을 사용해서 숫자만 입력받으려고 했는데 테스트 결과 e, +, -도 입력이 가능하다는 것을 알게 되었다...

 

진짜 생각지도 못했는데 뭔가 새롭게 발견해서 신기하다

 

그래서 js를 이용해서 정규식으로 숫자만 받기로 했다 하하

 

아래의 코드는 숫자만 입력받는 정규식

export const checkOnlyNumber = (string) => {
  const check = /[^0-9]/g; // 숫자가 아닌 문자열을 선택하는 정규식
  string = string.replace(check, ""); // 원래 문자열에서 숫자가 아닌 모든 문자열을 빈 문자로 변경
  return string;
};