[HTML] <Input> / <v-text-field>에서 숫자만 입력 받는 방법 ( 한글, 영문 입력 방지 )

 

 

<Input>과 <v-text-field>와 같은 태그에서 숫자만 입력 받으려면 type을 number로 설정해주면 된다.

그리고 oninput 속성과 replace함수를 통해 한글 입력을 방지해준다.

 

근데 type을 number로 해주는데 왜 굳이 oninput 속성을 따로 넣어주는걸까?

 

type을 number로 넣어주면 영문은 입력방지를 할 수 있지만 한글은 입력이 된다..

그래서 oninput 속성으로 한글 입력 방지를 추가로 넣어준다.

 

 

샘플코드

// 아래 코드를 숫자만 입력 하도록 할 태그에 넣으면 됨
type="number" oninput="javascript: this.value = this.value.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, '' );"

 

샘플코드

<input type="number" oninput="javascript: this.value = this.value.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, '' );" >
<v-text-field type="number" oninput="javascript: this.value = this.value.replace(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g, '' );"></v-text-field>