묻고답하기
[re] 폼에서
2003.02.09 00:19
>숫자가 아닌 문자를 입력했을 때 경고창을 띄우게 하고 싶습니다.
>
>어떻게 해야 합니까?
<html>
<head>
<title>Untitled</title>
<script language="javascript">
function onlynum(objtext1){
var inText = objtext1.value;
for (var i = 0; i < inText.length; i++) {
ret = inText.charCodeAt(i);
if (!((ret > 47) && (ret < 58))) {
alert("숫자만을 입력하세요");
new_value = inText.substring(0,i);
objtext1.value = new_value;
objtext1.focus();
return false;
}
}
return true;
}
</script>
</head>
<body>
<form name=form1 action="" onsubmit="return check()">
<input type="text" name="test" onkeyup="onlynum(form1.test);" style="ime-mode:disabled;">
<input type="submit" value="보내기">
</form>
</body>
</html>
위의 소스에서 onlynum함수는 매직앤 회원가입 싸이트에서 사용된 함수를 약간 수정했습니다.
매직엔 싸이트에서는 숫자가 아닌 영어가 입력하면 폼값을 비워버리는데
여기선 유효한 부분은 그대로 남겨두도록 했습니다.
그리고 그냥 위의 함수만을 사용할 경우 한글 입력시 제대로 동작하지 않는 문제가 있어
폼 스타일에서 style="ime-mode:disabled;"를 통해 한글입력자체를 막았습니다.
전체적인 알고리즘은 텍스트 입력박스에서 글자가 입력되면 onkeyup이벤트를 통해
onlynum함수를 호출해서 숫자인지 검사하고 숫자가 아닐경우 경고창을 띄우는 방식입니다.
댓글 0
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| chicha |
모바일 페이지 글목록 수정하려 하는데 도와주세요ㅠㅠ
 | |
| 꿈틀잉 | 관리자 페이지 백지현상 | |
| Kangsunghyun | 최근게시물 추출 문의 | |
| 도리돌 | 다중도메인 문제.. (메인도메인으로 풀려버리네요) [3] | 2015.03.18 by 도리돌 |
| 가르송 | php버전호환 [1] | 2015.03.18 by 몽실아빠 |
| 가르송 | xe속도부분... [1] | 2015.03.18 by 몽실아빠 |
| putty | 스케치북5 스킨 갤러리형게시판 쓰시는분들 질문이요 [3] | 2015.03.18 by putty |
| 김동하123 | ASXE_FLAT 레이 아웃에서 로컬메뉴가 안나타납니다 [1] | 2015.03.18 by 김동하123 |
| Harry | 사이트맵 추가 반응 無 [5] | 2015.03.18 by ychany |
| kinyenug | 모바일용 게시판! | |
| kose | welcome_page [2] | 2015.03.18 by kose |
| 충신 | 모바일게시판 목록 조회수 표시 [8] | 2015.03.18 by 충신 |
| 비누남어 |
인쇄 미리보기 시 페이지 깨집니다. 해결방법 있을까요?
| |
| 오달수 | 모바일 게시판 목록에 추천수 나타내기 [1] | 2015.03.18 by 반걸 |
| 너구리우동면 | iframe resize | |
| 가을풍경 | 이런 사이트 만드는것 힘드나요? [3] | 2015.03.18 by CosignStudio |
| 1212 | 하나의 게시판에 2개의 레이아웃을.. [5] | 2015.03.18 by CosignStudio |
| 본히 | 게시판에서 수정 삭제 버튼을 관리자만 보이게 하기 [2] | 2015.03.18 by 본히 |
| WCGM | http://domain.com와 같이 도메인만 노출시키는 방법? [3] | 2015.03.18 by 플라이나 |
| 키스미베이베 |
CSS 좀 도와주세요 ㅜㅜ
[2]
| 2015.03.18 by 키스미베이베 |