form 데이터 전송시 submit 전에 필수 입력값 채크 > 그누보드5 팁자료실

그누보드5 팁자료실

form 데이터 전송시 submit 전에 필수 입력값 채크 정보

form 데이터 전송시 submit 전에 필수 입력값 채크

본문


<form name="form" onsubmit="return check()">
   <input type="text" name="id">
   <input type="text" name="pw">
   <input type="submit">
</form>
 
<script>
function check() {
  if(form.id.value == "") {
    alert("ID를 입력해주세요.");
    form.id.focus();
    return false;
  } else if(form.pw.value == "") {
    alert("PASSWORD를 입력해 주세요.");
    form.pw.focus();
    return false;
  } else return true;
}
</script>

 

약관채크이나 글입력시 필수 입력값이 없으면 페이지이동을 하지않고

채크 후 이동하게 하는 스크립트 입니다.

onsubmit 에 check() 스크립트를 넣어서 전송 혹은 submit 시 호출하게 됩니다.

 

의외로 공개된 소스가 많은데 문의 주신분이 많아 팁게에 올립니다.

추천
3
  • 복사

댓글 5개

© SIRSOFT
현재 페이지 제일 처음으로