2016-06-06 2 views
8

숫자 HTML 필드에 최소 -1을 설정하고 최대 값을 10으로 설정해야합니다. 이 0. 나는 건너 뛸 필요가있다. 그 가치가 0으로 제출할 필요가 없습니다. HTML에서 가능합니까? (숫자 속성 값에서 0으로 건너 뛰기

<input type="number" min="-1" max="10" step="2"> 
+2

자바 스크립트를 사용해야합니다. 당신은 document.Math.abs (getElementByID ('number'). value)! == 0'을 여러분이 입력 할 때'id = 'number ''라고 가정하여 사용할 수 있습니다. – Sablefoste

+1

'onchange' 이벤트에서 사전 설정 제한 – anwerj

+0

으로 사용하기 쉬운 드롭 다운을 시도하십시오. 0 일 때 원하는대로 -1 또는 1로 바꿉니다. – Thamilan

답변

-1

당신은 내가 생각하는 유일한 HTML 수정하지만 안 좋은 솔루션이 될 것입니다 Step attribute

가 사용할 수 텍스트 '

<input type="text" pattern="[1-9]|10|-1"> 

demo

+1

하지만 0 만 건너 뜁니다. 모든 것을 건너 뜁니다 2. 0 만 건너 뛸 필요가 있습니다 –

+0

그래, 자바가 유일한 해결책이라고 생각합니다 .. – Swolschblauw

5

당신은 패턴 속성 변경 유형 '을 추가 할 수 있습니다

<input type="number" min="-1" max="10"> //I need something like skip = 0 
+1

어떤 이유로 Chrome 용으로 작동하지 않습니다. 제로가 여전히 있습니다. –

+1

당신은이 일의 바이올린을 게시 할 수 있습니까? –

+0

그것은 화살표 키 유용성을 부여하지 않을 것입니다. – anwerj

0

귀하의 페이지에 자바 스크립트를 추가하십시오 ... 나는 함수를 작성하여 그 함수를 입력란 onchange="return check_value();"에 호출했습니다. 또한 추가됨 id="number" 스크립트가 작동하는 데 필요한 jquery.js 파일을 포함하십시오 ... 스크립트는 입력 값을 검사하고 '0'이면 사용자에게 0이 허용되지 않음을 경고하고 입력 필드의 값을 지 웁니다. ... 시도해보고 알려주세요 ....

<input type="number" id="number" min="-1" max="10" onchange="return check_value();"> 
    <script src="js/jquery.js"></script> 
    <script type="text/javascript"> 
    function check_value(){ 
      //get the number 
      var number = $('#number').val(); 

        if(number == 0){ 
         //show that the number is not allowed 
         alert("0 value Not Allowed!"); 
         $("#number").val(''); 
        } 
    } 
    </script> 
2

답변은 이것보다 간단합니다.

skip=""pattern=""이 숫자 입력에 작동하지 않으므로 일반 html로는 불가능합니다. Javascript 함수를 사용해야합니다.

+0

당신은 @ splash58의 데모를 시도 했습니까? – Sablefoste

+0

예. OP의 목표는 '최소 HTML 필드를 -1로 설정하고 숫자 HTML 필드를 최대 10 개 설정해야합니다.'였습니다. 어느 것이 단순히 가능하지 않습니다. 스플래시가 입력 유형을 '텍스트'로 변경했습니다. – luissimo

+0

@luissimo 데모 링크에 -2 또는 11을 넣으려고합니다. – splash58