[자바스크립트] form에서 입력받아 숫자만 출력.

꾸미고 사진 캡쳐한다고 답변이 늦어서 여기에 올림.

 

질문)

 

<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

 

 

 

 

// 다른 답변자의 답과 별로 차이가 없어 먼저 쓰인 답변은 올리지 않음.