Form 데이터 검증 방법

Submit함수 실행 전에 검증을 한번 하고 싶을 때 사용하는 방법입니다.

서버와 통신을 하다보면 form필드는 필수적이죠!

그런데 Djang로 개발을 하다 보니 form 데이터를 보내기 전에 내부에 값들이 잘 들어왔는지?

혹은 데이터의 유실은 없는지? 여러 방면으로 확인을 하고 싶을 때 사용하는 방법입니다.

 

물론 백엔드에서 잡아줄 수도 있지만, 저는 개인적으로 어렵지 않다면 Fornt에서도 잡는 걸 선호합니다.

 

우선 form에 name Field를 반드시 넣어주세요.

그리고 하단에 이걸 반드시 넣어 주세요.

onSubmit="formChk(); return false"

<form action="{% url 'test' %}" name="gen_pdf" method="POST" onSubmit="formChk(); return false">
	<button type="submit" class="btn btn-success" id="edu_generator">생성</button>
</form>

 

submit을 하게 되면 위 formChk()함수가 실행되는 거에요

function formChk(){
	if(조건문){
		document.gen_pdf.submit();
		return true;
	}else{
			
	}
}

그럼 위와 같이 조건에 충족되었을 때에만 submit()함수를 실행해주고 

return true값을 반환해주면 되겠습니다.

 

즐거운 코딩하세요~