Mootools Numeric Textox

Question

나는 mootools 프레임 워크를 기반으로 한 숫자 형 텍스트 상자을 찾고있다.

누군가이 컨트롤을 찾거나 구현하는 데 도움을 주시면 감사하겠습니다.

감사합니다. Alimz

Answer 1

당신도 쉽게이 글을 쓸 수 있습니다.

var isNumberKey = function(e){ 
    if (e.code > 31 && (e.code < 48 || e.code > 57)) 
     return false; 
    return true; 
} 

var isBackSpaceKey: function(e){ 
    return e.code == 8; 
} 

var isArrowKey: function(e) { 
    return e.code >= 37 && e.code <= 40; 
} 

var inputs = $$('.width-input', '.height-input'); 
inputs.addEvent('keyup', function(e){ 
    if (!isNumberKey(e) && !isBackSpaceKey(e) && !isArrowKey(e)) 
      e.stop(); 
}); 

Answer 2

이 당신이 무슨 뜻인지하지만 확실하지 :

mootools formcheck 각 입력 필드에 대한 규칙 세트를 정의하는 CSS 클래스에 의존하는 클래스 기반 시맨틱 솔루션입니다. 예를 들어 :

<input class="validate['required','number']" /> 

는 꽤 유연하고 정말 멋진, 최대 나와 요소의 클래스 내 해시 기반 집합의 아이디어에서 엄지 손가락은 중대하다.

mootools iMask 파비오 나가오 (Fabio Nagao)는 formcheck와 비슷하지만 더 많은 문제가 있습니다. iMask는 실제로 입력 요소에 연결되며 사전 설정된 '마스크'에 따라 사용자가 데이터를 채우도록 도와줍니다. 마스크는 깨질 수없는 패턴 화 된 형식 일뿐입니다. 실제로는 (+ NN) -NNN-AZ, 하이픈, 대괄호 및 더하기 기호가 포함 된 필드를 가질 수있는 것처럼 사용자에게 실제로 복잡한 데이터 블록을 입력하도록 요청할 수 있습니다. 최종 사용자는 지정된 위치에 숫자 또는 영문자 만 입력 할 수 있습니다. 확인해보세요, 정말 인상적이에요.