정규식이 숫자 형식 입력에서 바꿉니다.

Question

사람이 숫자 이외의 값을 입력하는 것을 방지하려는 숫자 형식 입력이 있습니다. 예제는 입력 유형 텍스트 필드에서 잘 작동하지만 숫자 필드에서는 제대로 작동하지 않습니다.

가 잘 작동합니다 :)

<input type="text" onkeyup="this.value=this.value.replace(/[^\d]/,'')"> 

잘 작동하지 않습니다 :(

<input type="number" onkeyup="this.value=this.value.replace(/[^\d]/,'')"> 

... JSFiddle

도와주세요에 자신을 위해보십시오

Answer 1

방금 ​​JSFiddle을 사용하여 간단한 테스트를했는데 <input type="number" /> 요소에 잘못된 입력이있는 경우 this.value 속성이 비어있게 나타납니다. 지정된 경우

값 속성을 : 사실

<input type="number" oninput="alert(this.value)"> 

JSFiddle Demo

---

여기에 이런 일이 발생하는 이유는 다음과 같습니다 크롬을 사용하는 경우

다음 줄이 결과를 보여 주었다 비어 있지 않은 유효한 값은 유효한 부동 소수점 숫자 인 값 이어야합니다.

값 소거 알고리즘은 다음과 같습니다. 요소의 값이 유효한 부동 소수점 숫자가 아닌 경우 빈 문자열로 설정하십시오. HTML5 Draft Paper section on the implementation of the number input type

---

이 문제에서

^지금 내 관심을 촬영하고 좀 해결 방법을 마련했습니다.

<input type="number" oninput="updateNum(this)"> 

function updateNum(e) 
{ 
    e.select(); 
    e.value = getSelection().toString().replace(/[^\d]/g,''); 
} 

이것은 선택 여기서 명령 사이 변경할 경우 버가 될 가능성이있다. 당신이 (예 : 3.14) 소수 부분에 번호를받을 것인지

JSFiddle for the workaround

Answer 2

이 DEMO를 참조

Number: <input type="number" oninput="updateNum(this)" /> 

function updateNum(e) { 
if (isNaN(e.value)) { 
    e.value = e.value.replace(/[^\d]/g,''); 
}