2011-01-14 7 views
0

Ok DigitalBush에서 jQuery 마스크 입력 플러그인 버전 1.2.2를 사용하고 있습니다.jQuery Masked Input Bug

같은 마스크 적용 : 상자 좀 이상한 행동을 얻고을 텍스트로

$(".phone").mask("(999)-999-9999"); 
$(".zip").mask("99999?-9999"); 

합니다.

기본적으로 나는이 보이는 텍스트를 얻을 것이다 전화 번호를 다른 모든 공간 있도록 건너 뜁니다 마스크 :

(_3_)-3_3-4_4_ 

다른 유사한 문제를 가지고 사람나요? 여기

는 텍스트 상자 HTML의 샘플입니다

<input id="myZip" class="zip" type="text" maxlength="10"/> 

편집 :

좋아요 ... 내가 jQuery를 1.4.3과 1.4.4로 문제가 발생하고 (모두 시도) IE8과 FireFox에서 이것을 테스트했습니다.

이 문제는 문제의 텍스트 상자가 jQuery-UI 모달 대화 상자 (다른 텍스트 상자는 정상적으로 작동합니다) 내에있을 때만 발생합니다 ... jQuery-UI 1.8.2를 사용하고 있으며 테스트를 마쳤습니다. 그 날이이 문제를 해결 여부를 돕기 위해 누군가를 가능하게 할 것이다 경우 1.8.7과 1.8.8에 .... 여기

내가이 모든 것을 설정 한 방법입니다 ... 모르겠어요 http://jsfiddle.net/H3hTh/

+0

최신 버전의 jQuery를 사용하고 있습니까? –

+0

jQuery를 사용하여 1.4.3 – stephen776

+1

그것은 나를 위해 잘 작동합니다 : http://jsfiddle.net/mattball/XJZvJ/1/ –

답변

2

Ok, 나는 이것에 대한 대답을 발견했다. 이제는 내 문제가 jQuery-UI 대화 상자와 관련이 없다고 생각하지만 다른 경우에는 발생할 수 있습니다.

해결 방법은 마스크를 적용 할 때주의해야합니다. 문서에 마스크를 적용하고 대화 상자에서 "열기"함수를 호출하면 마스크가 엉망이되었습니다.

해결 방법은 모달 대화 상자의 open 이벤트에 마스크를 적용하는 것이 었습니다. 모든 것이 훌륭하게 작동합니다.

일반적으로 간섭을 피하기 위해 마스크를 텍스트 상자에 적용 할 때는주의해야합니다.

+0

안녕하세요 stephen776, 내가 마스크의 적용시 코드의 샘플을 보여줄 수 있습니까? – Vincent

0

버전 1.2.2를 사용하는 동안이 버그가 발견되었으며 버전 1.3에서 수정 된 것 같습니다.