[축구모임 홈페이지개발] 01/30 개발일지 Nodejs css 빈 칸 알림 기능 에러 수정

어제 댓글을 입력 안 하고 게시를 눌렀을 때, 팝업을 띄우는 기능을 구현했었다.

 

근데 간과했던 게 있는데, input 태그의 id 값을 다 똑같이 설정했다는 것이다.

 

이를 해결하기 위해 id 뒤에 동적 변수를 지정해줬고, PostPhotoComment 함수 선언에도 변수를 똑같이 넣어줬다.

 

함수의 이름 뒤에도 이렇게 동적변수 선언이 되는 줄 몰랐다.

<script>

                            function PostPhotoComment<%= i %>(event) {

                                event.preventDefault();

                                var commentInput = document.getElementById('story-photo-add-comment-input<%= i %>');

                                var commentId = commentInput.value;

                                if (commentId == '') {

                                    alert('댓글을 입력하세요')

                                } else {

                                    var form = commentInput.closest('form');

                                    form.submit();

                                }

                            }

                        </script>

                        <form action="/photo-comment" method="POST">

                            <input name="parentId" value="<%= 포토[i]._id%>" style="display: none;">

                            <div id="story-photo-add-comment-input-area0<%= i %>" style="display: none;">

                                <div id="story-photo-add-comment-input-area" class="story-photo-add-comment-input-area">

                                    <input id="story-photo-add-comment-input<%= i %>" name="content"

                                        class="story-photo-add-comment-input" type="text" autocomplete="off">

                                    <button type="submit" class="story-photo-add-comment-inputBt"

                                        onclick="PostPhotoComment<%= i %>(event)">게시</button>

                                </div>

                            </div>

                        </form>