민초트코
40
2019-12-03 21:46:04 작성 2019-12-03 21:49:41 수정됨
2
97

<form>문 버튼 이벤트 js


<form name="join" method="post" action="test.jsp" target="_parent">

중략(input 태그들)

<Button class="submit" onClick="check_join()">확인</Button>

<Button class="resset" onClick="reset_join()">취소</Button>

</form>


function check_join() {

  if(document.join.j_id.value == "")    

  {

  alert("ID를 입력해 주세요!");  

  document.join.j_id.focus();   

  return false;

  }

  document.join.submit();

}


<form> 태그 페이지에서 js를 활용하여 유효성 검사를 하여 경고창을 띄웠습니다. 그런데 유효성 검사에 걸렸음에도 왜 action에 링크된 페이지로 넘어가지는지 이해를 못하겠습니다. return false 를 주어 함수를 멈추게 하였는데 이것이 알맞는 용도가 아닌건가요?

0
0
  • 답변 2

  • 관악산해질녘
    171
    2019-12-03 21:52:04

    함수 첫줄에 event.preventDefault(); 추가해보셔요

    0
  • 서나라라
    12
    2019-12-04 09:47:24

    <button type="button">을 주지않으면 form태그 안에서 submit이 되는 현상이 있는것으로 알고있습니다.

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.