반응형
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html>
<head>
<title> sjisbmoc </title>
< script language='javascript' type='text/javascript'>
//<![CDATA[
function fncFilter(obj)
{
// 123 을 제외한 숫자 제거
obj.value = obj.value.replace(/[^\d]/g,'').replace(/[0|4-9]/g,'');
// 123 에 해당하는 문구로 변경
var val = obj.value.replace(/1/g,'사과').replace(/2/g,'배').replace(/3/g,'과자')
// 변경된 문구를 출력할 div 객체 접근
var div = document.getElementById('disp');
// 변경된 문구를 div 출력
div.innerHTML = val;
}
//]]>
< /script>
</head>
<body>
< form name='frm'>
<input type='text' name='in' onkeyup='fncFilter(this);'>
<div id='disp'></div>
< /form>
</body>
< /html>
반응형
'유용한정보' 카테고리의 다른 글
| 홈페이지에 무료음악 플레이어 설치하기 (0) | 2014.06.06 |
|---|---|
| 스마트폰 무료음악 감상 어플리케이션 (0) | 2014.06.06 |
| 랜덤배너소스 + 랜덤 아이프레임 소스 (0) | 2014.05.24 |
| 자동새로고침 (0) | 2014.05.24 |
| asp.net DataList컨트롤에서 페이징구현 (0) | 2014.05.05 |
| 공백 들어간 DB 데이터 검색 (0) | 2014.05.02 |
| 브라우저를 동적으로 부드럽게 리사이즈 (0) | 2014.04.30 |
| 이미지의 가로크기가 지정한 것보다 크면 자동 크기 축소/확대 (0) | 2014.04.30 |
댓글