꾸미고 사진 캡쳐한다고 답변이 늦어서 여기에 올림.
질문)
<script type="text/javascript">
var frm=document.inputfrm;
for(var i=0;i<5;i++){
if(isNaN(frm.ccode[i+1].value) == true) {
alert("숫자만 입력 가능합니다.");
frm.ccode[i+1].focus();
return;
}
}
</script>
<form name="inputfrm" method="post" >
<input type="text" name="code1" value="" />
<input type="text" name="code2" value="" />
<input type="text" name="code3" value="" />
<input type="text" name="code4" value="" />
<input type="text" name="code5" value="" />
</form>
인풋text의 1~5까지의 밸류값이 숫자인지 체크하는건데 안되서 문의 드립니다
답변)
1. HTML
<form name="inputfrm" method="post" >
1: <input type="text" name="code1" value="" /><br/>
2: <input type="text" name="code2" value="" /><br/>
3: <input type="text" name="code3" value="" /><br/>
4: <input type="text" name="code4" value="" /><br/>
5: <input type="text" name="code5" value="" /><br/>
</form>
<br/>
<button onclick="numchk()">버 튼</button>
2. SCRIPT
function numchk(){
var frm=document.inputfrm;
for(var i=0;i<5;i++){
var code = frm['code' + (i+1)];
var codeN = code.value;
if(isNaN(codeN) == true) {
alert("숫자만 입력 가능합니다. " + (i + 1) + "번째 입력창에 숫자만 입력해 주세요.");
code.focus();
return false;
}
}
}
3. RUN
// 다른 답변자의 답과 별로 차이가 없어 먼저 쓰인 답변은 올리지 않음.
'course > 지식인' 카테고리의 다른 글
[자바] RequestDispatcher 에 대한 설명.. (4) | 2016.03.10 |
---|---|
[HTML] 테이블 표 만들기 (0) | 2016.03.07 |
[자바스크립트] 초간단 링크 클릭시 이미지 보여주기. (1) | 2016.02.29 |