스프링에서 게시판을 공부하며, form 에 입력된 데이터를 컨트롤러에 전송 하기 전에
유효성 검사를 하고 싶었지만, form 내부에 있는 input태그의 submit 타입은,
클릭 하면 바로 전송이 되서 유효성 검사를 진행 할 수 없었습니다.
그때, submit 타입을 button 타입으로 바꿔주시고
클릭 이벤트 발생시 form 을 submit 해주면 됩니다.
$("#form1").on("click", function() { var title = $("#title").val(); var startedDate = $("#startedDate").val(); if(title==""){ alert("Write the Title"); $("#title").focus(); } else if(startedDate==""){ alert("Select the Started Date"); $("#startedDate").focus(); } document.getElementById("postForm").submit(); // 유효성 검사 후 submit });
'Programming > Web' 카테고리의 다른 글
noscript 태그, 노스크립트 태그 (0) | 2018.09.04 |
---|---|
[Ajax] Ajax 전송 예제 (0) | 2018.07.14 |
[제이쿼리] 요소택자 (0) | 2018.05.10 |
[자바스크립트] location 객체, history 객체, navigator 객체 (0) | 2018.05.08 |
[자바스크립트] 배열 출력, 추가, 삭제, 정렬 (0) | 2018.05.07 |