메인메뉴 바로가기

HOME으로 가기


Javascript

기본문법 | 폼태그 요소의 유효성 체크후 - 폼데이터를 전송하기

본문

 

<form name="sample_frm" id="frm" action = "../member/login.jsp"accept-charset="utf-8" method="post" onsubmit="return chkForm()" >
   <input type="text" name="id" />
   <input type="password" name="pw" />​
    ...
   <input type="submit" value="확인">
<form>


<script>
var chkForm : function(){
  
  var form = document.getElementById("frm");

  if( form.id.value == "" )
    {
alert("아이디를 입력해주세요.");
​form.id.focus();
 return false;​
    }
    else if(​form.pw.value​ == "" ​)
    {
alert("비번을 입력해주세요.");
​form.pw .focus();
 return false;​​
    }

   ...   

   return true; // 전송 허가
}

</script>

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기