모바일 웹 사이트의 숫자 입력을 강제로합니다

StackOverflow https://stackoverflow.com/questions/705481

  •  22-08-2019
  •  | 
  •  

문제

"*n"을 사용하여 '-wap-input-format'CSS 속성을 사용하여 숫자 입력을 강제로 사용했습니다. 307 이것은 내 Sonyericsson C702에서 작동하지만 Windows Mobile IE, Opera 또는 Sonyericsson P1i가있는 Windows Mobile에서 실패합니다.

도움이 되었습니까?

해결책

내 제안은 또한 JavaScript를 추가하는 것입니다. iPhone, Minimo (Mini-Mozilla) 등 모바일 오페라는 적어도 어느 정도까지 JavaScript를 이해할 수 있습니다.

function noNumbers(e) {
    var keynum;
    var keychar;
    var numcheck;    
    if(window.event) // IE
    {
        keynum = e.keyCode;
    }
    else if(e.which) // Netscape/Firefox/Opera
    {
        keynum = e.which;
    }

    if((keynum >= 48) && (keynum <= 57)) {
        return(true);
    }

    var good_codes = [8, 14, 15, 37, 38, 39, 40];
    for(i = 0; i < good_codes.length; i++) {
        if(good_codes[i] == keynum) {
            return(true);
        }
    }

    return(false);
}

도움이 되었기를 바랍니다! : )

metafilter.com

다른 팁

Opera 또는 iPhone에서 JavaScript가 필요하지 않으며 아마도 Android도 필요하지 않습니다. HTML5에서 "숫자"입력 유형을 사용하십시오. 지원하지 않는 브라우저의 텍스트 입력으로 돌아갑니다.

당신이 말하는 형식은 a입니다 WCSS (WAP CSS) 자산은 특히 현대적인 모바일 장치에서 널리 지원되지 않습니다.

그만큼 -WAP-input-format 어쨌든 잘 작동하지 않습니다. 예를 들어, 사용자가 소수증으로 숫자 입력을 채우는 것은 불가능합니다 ( "2.50").가장 가까운 솔루션 : -WAP 입력-형식 : "*n").

그러나 속성은 유효성 검사를 위해 의존 할 수 없지만 (어쨌든 DARASD가 말했듯이 서버 측이어야 함) 모바일 장치의 입력을 자동으로 숫자로 전환하여 사용자를 도울 수 있습니다.

마찬가지입니다 가능하다고 말했습니다 입력 필드 이름 (예 : "Myfield_zip")에 "zip"또는 "phone"을 추가하여 iPhone의 경우. 예, 알았어요

나는 여전히 좋은 여유를 유발하기 때문에 여전히 두 트릭을 모두 사용합니다 (원한다면 JavaScript를 사용할 수 있습니다).

<input type='tel' />

Android 및 iPhone 기본 브라우저 및 Android 용 Chrome에서 숫자 키패드를 제기합니다. Windows Phone 7.5에서는 작동하지 않지만 WP8의 브라우저는 IE9를 기반으로하기 때문에 Windows Phone 8에서는해야합니다.

사용

<input type='number' />

이 작업도 수행하지만 선행 제로를 자동으로 제거합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top