button으로 페이지 이동하기 (버튼으로 페이지이동, 버튼타입)

로그인 화면에서 로그인 버튼은 잘 작동하는데, 

회원가입 버튼이 내가 원하는대로 작동하질 않는다.

 

회원가입 버튼을 누르면 회원가입 페이지로 넘어가야하는데,

느닷없이 '로그인실패!' 가 뜬다.

 

이유가 뭘까???

로그인 실패라는 문구를 보면, 자꾸 memeber컨트롤러를 지나는거 같은데... 

왜 거기로 가는거니...?

 

다음과 같은코드일때 오류가 있었다.

.......
	<div class="form-checkkk">
                     	
      <button type="submit" class="btn btn-lg btn-block btn-success"  >로그인</button>
      <button type="submit" class="btn-j btn-lg btn-block btn-success" onclick="fnAction('./joinForm.me')" >회원가입</button>
      <br>
      <button type="submit" class="btn-k btn-lg btn-block btn-success" onclick="loginFormWithKakao();" style="cursor: pointer;" >카카오 로그인</button>
	</div>
 </form>	

해결방법

1. 버튼의 타입을 submit에서 button으로 바꿔준다.

2. onclick의 형태를 다음과 같이 변경하였다.

 

해당 form 자체에 action태그가 걸려있어서, 자꾸 지정된곳으로 submit하는 것이다.

단순 페이지 이동을 위해서라면 버튼의 타입을 'submit'이 아닌 'button'타입을 사용하면 된다.

 

바꾼코드.

<button type="button" class="btn-j btn-lg btn-block btn-success" onClick="location.href='./joinForm.me'"  >회원가입</button>