웹모아
웹모아[손님] 검색   로그인 / 회원가입    


 
폼체크-예제
 


텍스트폼에 숫자만 입력되게 하기 (이벤트) IE FF
  2008-08-16 01:57:23 댓글:(0)   조회:2354




주민등록번호 입력란에 하이픈 부호(-)를 입력한다거나
금액 입력란에 콤마부호(,)나 마침표(.)를 입력하는 것은
흔히 할 수 있는 실수다.

아래 자바스크립트는 해당 폼에 숫자만 입력되고
그 이외의 문자가 입력될 때 아예 입력이 안 되도록 무효화시키는 스크립트다.

코딩할 때는 인터넷 익스플로러(IE)와 파이어폭스(FF) 모두 적용 가능토록 하려 했지만
역시나 역부족이어서, 몇 가지 문제점이 있다.
하지만, 나름 배운 점도 있기에 올려본다.

일단, 소스는 아래와 같다.

주민등록번호 입력란에 하이픈 부호(-)를 입력한다거나
금액 입력란에 콤마부호(,)나 마침표(.)를 입력하는 것은
흔히 할 수 있는 실수다.

아래 자바스크립트는 해당 폼에 숫자만 입력되고
그 이외의 문자가 입력될 때 아예 입력이 안 되도록 무효화시키는 스크립트다.

코딩할 때는 인터넷 익스플로러(IE)와 파이어폭스(FF) 모두 적용 가능토록 하려 했지만
역시나 역부족이어서, 몇 가지 문제점이 있다.
하지만, 나름 배운 점도 있기에 올려본다.

일단, 소스는 아래와 같다.
파일을 첨부하였으므로, 첨부파일을 다운로드하여 실행해 볼 수 있다.



※ 눈여겨 볼 점
1. 23행에서 event 는 반드시 event라고 써 주어야 한다. (FF에서 그래야 먹힌다.)
2. 4행에서는
   브라우저가 FF일 경우, Ev.which를,
   브라우저가 IE일 경우, event.keyCode를
   변수 evCode에 대입한다.
3. 15행, 18행에서와 같이 이벤트 무효화 명령은
   브라우저가 FF일 경우엔 Ev.preventDefault() ;
   브라우저가 IE일 경우엔 event.returnValue=false ;
   이다.



 댓글 (0)


폼체크-예제
페이지: 1 / 1   


   특수문자 입력금지, 숫자만 입력 가능 등등 유용한 2747
   콤보박스/리스트박스를 이용한 사이트이동(푸른산)2803
   텍스트 입력 테그에 이미지로 설명문 넣기2142
   자바스크립트 셀렉트박스에 옵션추가 selectbox3087
텍스트폼에 숫자만 입력되게 하기 (이벤트) IE F2355
   입력버턴의 값이 1인 것의 갰수 구하기1971
   Radio button value 값을 보려면?2404
   라디오버튼 체크여부(유무) 확인기능(1) 2410
   아이디 체크2069
   한글만 입력가능하게(홈마스타)2176
     [RE] 한글과 숫자만 입력가능하게(홈마스타)2349
   한글 중에 미완성된 글자가 있는지 확인하려면(홈마스타)2640
   금지 메일 도메인 검사(홈마스타)2219
   회원가입시 메일정보 체크하크하기(홈마스타)2047
   객체 존재여부 확인(홈마스타)2266
   필드입력체크하기(홈마스타)2196
   영문 대문자 입력(홈마스타)2442
   check박스 배열 넘기기(홈마스타)5664
   파일 업로드 전... 파일크기 확인(홈마스타)2674
   이메일, 회원아이디, 주민등록번호 체크(홈마스타)2251
   회원가입시 사용하는 폼체크 예제(홈마스타)2174
   자바스크립트 공통함수(상큼한여)5423
[1]  

복수단어 검색은 공백(space)로 구분해 주세요.



 
최근 글
[손님]
19
20
25
178
188
353
691
1597
526
586
380
503
4142
1002
1649
 
인기 글
[손님]
[홈마스타] check박스 배열 넘기기
5664
6469
6568
[깊은연못] 24시간 Classical Radio
5735
6481
6234
4726
15575
5752
10181
6791
8364
7785
5384
[홈마스타] setinterval 사용과 중지
5668