JSP 게시판 개발 프로젝트 - 8일차

오늘은 예약받을 Booking form을 만들었다

모 게스트하우스의 폼을 참고해서 필요한것들만 넣었다

이쁜 CSS까지 적용시키긴 좀 귀찮고 해서 그냥 심플하게 규칙만 맞게 만들었다

 

만드는데 애를 먹은거 몇가지만 써보자면

타이틀이랑 콘텐츠가 가로가 기니까 그 위에 애들이 화면 밖으로 나가버렸다...

table border도 안보여서 뭐가 문제인지 모르겠어서 Atom으로 옮겼다

 

Atom으로 옮겨서 보니 뭐가 문젠지 잘 알수 있었다

처음엔 NAME의 colspan, rowspan을 설정해보았으나 이게 문제가 아닌것같았다

그래서 title의 colspan (열 합치기)를 타이틀 크기보다 조금더 크게 주었다

width는 100으로, colspan은 130으로 하고 밑에 textarea도 똑같이 설정해주었다

 

그랬더니 타이틀이랑 콘텐츠 열이 합쳐지면서 위에 애들이 다시 돌아왔다!

그리고 submit이랑 cancle은 tr밑에 td가 없었더니 저렇게 위에 있었다

td를 넣어주고 얘네도 colspan 적용시킨다음 align="center" 주니까 중앙으로 잘 자리잡았다.

 

그리고 콘텐츠 안에는 글 쓰기전 주의사항? 같은걸 써놓구

글 쓰려고 박스를 클릭하면 글은 사라지도록 onclick="this.value=''"를 넣어주었다.

 

그리고 이제 script부분에 form을 넘겨주기 위해 함수를 하나 만들고 데이터 값을 넘겨줄 것들을 변수로 선언한다.

선언한 변수들은 기본적으로 유효성 검사를 거쳐서 submit되도록 해야된다

나는 한개라도 입력하지 않으면 넘어가지 않도록 해주었다

 

유효성 검사가 끝나면 마지막에 document.폼이름.submit();을 쓰면 form action에 지정한 url을 찾아 갈것이다

 

submit눌러서 유효성 검사가 제대로 되나 확인했더니 name값을 전혀 받지도, 인식하지도 못하고 있었다

왜그런가 하고 값을 계속 찍어 봤는데 원인은 저기서 선언해준 변수명 name때문이었다;

그래서 변수명을 name_1로 바꾸어 주었더니 아주 잘 됨

 

폼은 이제 거의 완성된 것 같다

저기에 뭐 칸을 다 채우지 않으면 submit되지 않는다는 경고 문구 한개정도만 더 넣어주면 될듯

그리고 이제 DB만들어야지