[HTML] form 태그 button 클릭 시 submit 막기

- 문제 상황 

<button class="btn btn-primary" onClick="nullCheck();">Submit</button>

위의 버튼을 실행했을 때

자바스크립트에서 아래와 같이 막았음에도 불구하고

무조건적으로 submit이 되는 현상을 발견했다. 

function nullCheck(){
		if(Dflag == false){
			alert("아이디 중복체크를 진행해주세요");
			return ;
		}
		if(Pflag == false){
			alert("비밀번호와 비밀번호 확인란을 확인해주세요");
			return ;
		}
		if (Dflag == true && Pflag == true ){
			document.iform.sumbit();	
		}else {return ;} 
	}

 

 

해결

  <input type="button" class="btn btn-primary" onClick="nullCheck();" value="Submit">

위와 같이 input type="Button" 으로 변환하니 submit이 실행되지 않고 잘 해결되었다.