입력상자에 잘못된값이 입력되면 input배경색이 빨간색으로 변경됩니다
페이지 정보
작성자 서방님 댓글 0건 조회 131회 작성일 07-08-11 20:48본문
<html>
<head>
<title>http://www.blueb.co.kr</title>
<STYLE TYPE="text/css">
.badValue {background:red;color:white}
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
function validateNumber() {
var el = event.srcElement;
var num = "0123456789";
event.returnValue = true;
for (var intLoop = 0; intLoop < el.value.length; intLoop++)
if (-1 == num.indexOf(el.value.charAt(intLoop)))
event.returnValue=false;
if (!event.returnValue)
el.className = "badValue"; // Change class.
else
el.className="";
}
</SCRIPT>
</HEAD>
<BODY>
아래 입력상자에 숫자 이외의 문자를 입력한 후 포커스를 이동하면 입력창 배경색상이 변경됩니다.<br>
나이 (Age) : <INPUT ID="Age" TYPE=TEXT SIZE=3 ONCHANGE="validateNumber();">
</BODY>
</HTML>
댓글목록
등록된 댓글이 없습니다.
