8/13 공백에러, 폼 유효성 검사

이미지 저장 설정 에러

이미지 저장 경로를 application.properties 에 저장할 때 

끝에 공백이 들어가지 않도록 주의해야 한다. 영원히 안드로 메다로 빠질 수 있다.

com.ateam.upload.path=C:\\project\\popserver\\PopServer\\src\\main\\resources\\static\\images

컨트롤러에서 불러서 사용

 

 

@Value("${com.ateam.upload.path}")
private String uploadPath;

form태그에서 값을 넘겨줄 때 간단한 script 유효성 검사가 계속 먹히지 않아 고생했다. 

대소문자 문제도 아니었고

타임리프에서는 폼에 th:onsubmit="return check()" 라고 작성해야 한다. 

<form action="/product/register"
     name="registerForm" method="post" enctype="multipart/form-data"
     id="form" th:onsubmit="return check()">
     
     <!-- 중략 -->
     
     <div>
        <a href="/product/list" class="col-md-4">
            <input type="button" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect btn " style="background-color: darkgray; color:white;" value="취소" />
        </a>
        <a href="/product/register" class="col-md-4 offset-md-4">
        	<button type="submit" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect btn " style="background-color: blueviolet; color:white;">저장</button>
        </a>
    </div>
</form>

function check(){
   let form = document.registerForm;
   if(!form.name.value){
      alert("제목을 입력하세요")
      return false;
   }

   if(form.price.value<0|| !form.price.value){
      alert("가격을 입력하세요")
      return false;
   }

   if(!form.detail.value){
      alert("상품 설명란을 입력하세요")
      return false;
   }

   return true
}

++ textarea 폼태그 내에 작성할 때 닫는 태그전에 공백이 들어가지 않도록 주의한다. 유효성검사에서 걸러지기 까다로울수있음...