폼체크 하는데 잘 안되서...

폼체크를 하는데 잘 안되서 도움을 받을수 있을까 해서 이렇게 적어봅니다^^

<tr><td><input type='file' name='pic[]'><img></td></tr> //img 를 클릭하면 tr이 하나더 늘어나지요
<tr><td><input type='file' name='pic[]'><img></td></tr> // 하나더 늘어났을때

여기서 이런식으로 배열로 넘기는데요.. 최소 1개의 값은 입력되었나 체크 하는건데..

자바스크립트로
var obj = document.getElementById('id'); //폼 id값이 id라면^
if(!obj.pic[].value) error 문 출력 // 요거 안됩니다ㅠㅠ
if(!obj.pic[0].value) //요거도 안되구요..

어떻게 체크 해야하나요???
|

댓글 6개

getElementByNames("pic") 이걸 이용하시구요.

인풋네임에 괄호를 줘서 배열로 넘기는건 좋은방ㅤㅃㅓㅂ이 아닙니다~
대신 위와같이하시면 같은이름은 배열로 들어갑니다...

그리고 입력 체크를 하실거면 일단 같은이름이 여러개니까 갯수를 받아와야겠네요
.length 를 이용해서전체 갯수를 알아낸다음
for 문등으로 돌아가면서 값이 하나라도 입력되어있는지 체크하는게 좋겠습니다..
답변 감사합니다. 값이 하나라도 입력되었는지 체크를 어떻게 해야하나요?
.value로는 안되는데요..
그리고 저렇게 파일을 한꺼번에 넘길때 인풋네임에 괄호를 줘서 넘기는게 안좋다고 하셨는데..
그럼 어떻게 넘겨야 하나요? 조언 부탁드리겠습니다.^^
<input type='file' name='pic'>
<input type='file' name='pic'>
<input type='file' name='pic'>
<input type='file' name='pic'>

이렇게 쓰시면됩니다.
그리고
obj = document.getElementByNames("pic"); //요건 객체를 배열로 받아옵니다.
num = obj.length; // 요건 전체 인풋 갯수갰죠?

자.. 이제 포문을 돌려요
포문을 돌면서
for (var i = 0 ; i < num ; i++){
if(obj[i].value){
alert("값이 들어있구나!");
}
}

이렇게 검출하시면 되겠네요
우와 [] 이걸 넣지 않아도 배열로 읽는군요~
오호~ 감사합니다.
근데 왜 전 if(obj[i].value){ < = 이게 안되죠?
value로 하면 자꾸 자바스크립트 에러가 나서..
음..좀더 연구해봐야겠습니다.
아무튼 너무 감사합니다.^^
document.getElementByNames("pic");
이게 document.getElementsByName('pic');
이렇게 되야 하는군요..
그렇네요.. 오타를.. 죄송해요 ㅎㅎ
댓글을 작성하시려면 로그인이 필요합니다.

개발자톡

+
제목 글쓴이 날짜 조회
17년 전 조회 1,357
17년 전 조회 1,749
17년 전 조회 2,036
17년 전 조회 1,324
17년 전 조회 1,059
17년 전 조회 1,137
17년 전 조회 1,232
17년 전 조회 1,528
17년 전 조회 2,594
17년 전 조회 1,340
17년 전 조회 1,212
17년 전 조회 1,191
17년 전 조회 1,652
17년 전 조회 1,113
17년 전 조회 1,212
17년 전 조회 1,540
17년 전 조회 1,225
17년 전 조회 1,190
17년 전 조회 1,054
17년 전 조회 1,061
17년 전 조회 1,108
17년 전 조회 1,040
17년 전 조회 1,134
17년 전 조회 1,532
17년 전 조회 1,174