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

[code]

<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>

[/code]

 

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

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

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

 

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

|

댓글 5개

유용한 팁이네요 감사합니다.
간단하고 좋아요^^
오 한번 해봐야겠네요 감사해요
유용하겠네요
팁 감사합니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

+
제목 글쓴이 날짜 조회
2년 전 조회 1,847
2년 전 조회 2,354
2년 전 조회 1,842
2년 전 조회 2,076
2년 전 조회 2,575
2년 전 조회 2,029
2년 전 조회 2,493
2년 전 조회 2,404
3년 전 조회 3,595
3년 전 조회 3,155
3년 전 조회 1,526
3년 전 조회 1,889
3년 전 조회 2,160
3년 전 조회 2,300
3년 전 조회 2,028
3년 전 조회 2,414
3년 전 조회 3,495
3년 전 조회 2,613
3년 전 조회 2,629
3년 전 조회 2,131
3년 전 조회 2,796
3년 전 조회 2,560
3년 전 조회 1,910
3년 전 조회 2,558
3년 전 조회 1,533
3년 전 조회 1,887
3년 전 조회 1,955
3년 전 조회 2,376
3년 전 조회 4,512
3년 전 조회 4,183
🐛 버그신고