1. 기본 유효성 검사 (HTML 속성 활용)

사용자의 기본 입력 누락 방지를 위해 HTML에서 제공하는 required 속성을 우선 적용하였다.

적용 항목

• 스터디 제목 (input[type="text"])
• 카테고리 (select)
• 모집 인원 (select)
• 마감일 (input[type="date"])
• 스터디 소개 (textarea)

브라우저 기본 검증을 사용하여 빈 값 제출 자체를 차단함으로써 1차적인 유효성 검사를 수행함.

2. 스크립트 기반 유효성 검사 (JavaScript)

HTML 속성만으로 처리하기 어려운 조건들은 순수 JavaScript로 추가 검증하였다.

1. 파일 업로드 검사 (onchange)

배경 이미지 업로드 시 확장자 제한

• 허용 확장자: .jpg, .png
• 허용되지 않은 확장자 업로드 시:
  • 경고창 출력
  • 파일 선택 초기화

	function fileCheck(){
		console.log('test');
		var upload = document.studyCreateForm.rstudy_upload_img.value;
		var uploadAll = upload.split('.');
		
		if(!(uploadAll[1]=='jpg' || uploadAll[1]=='png')){
			alert('확장자를 .jpg 또는 .png로 제한하고 있습니다. 파일을 다시 선택해주세요!');
			document.studyCreateForm.rstudy_upload_img.value='';
		}
	}

의도

• 이미지 파일이 아닌 데이터 업로드 방지