login register Sysop! about ME  

2020년 06월 14일 13시 32분 00초,     조회수 : 122
  제목 : 입력폼에 동적으로 행을 추가한 경우 필수입력 받아야할 input box 체크는 어떻게?
SEQ : 164274 글쓴이 : chaostop

작성 포맷 : TEXT 모드, 자동 줄바꿈 사용

입력폼에 동적으로 행을 추가하여 저장을 받고 있습니다. 

그런데 동적으로 추가되는 행은 아래추가되는 태크를 보듯이 staff_name[] 이런식으로 같은  input box name 을 가지고 있
습니다. 이러한 tr 내용이 계속 추가되는 형태라... 

  <input type="text" class="form-control" size="15" name="staff_name[]" placeholder="성명">'+
            '        <input type="text" class="form-control" size="7" name="staff_position[]" placeholder="직함">'+
            '        <input type="text" class="form-control" size="7" name="staff_dept[]" placeholder="부서">'+
            '        <input type="text" class="form-control" size="15" name="staff_cellphone[]" placeholder="휴대
전화">'+

만약에 input box 이름이 aname 이라면 아래처럼 체크하면 될텐데요. 

       if(!document.frm_reg.aname.value)
	   {
      alert("이름을 입력해주세요.");
      document.frm_reg.aname.focus();
      return;  }	   


위 처럼할수도 없고. 어찌해야 하나요??? ^^ 고수님 부탁드립니다. 

  topwood
  2020-06-16(10:23)
jQuery 를 이용하시면 편합니다.

var check = true;
$("input[name='aname']").each(function() {
var val = $(this).val();
if (val.length == 0) {
alert("이름을 입력해 주세요.");
$(this).focus();
check = false;
return false;
}
});

if (!check) {
return;
}

  chaostop
  2020-06-18(19:56)
아~~ 정말 감사합니다.~~~ ^^ 큰 도움이 되었습니다.


제목 작성자 날짜 조회
입력폼에 동적으로 행을 추가한 경우 필수입력 받아야할 input box .. (2) chaostop 2020-06-14 122

 
 
.NET과 Java 동영상 기반의 교육사이트

로딩 중입니다...

서버 프레임워크 지원 : NeoDEEX
based on ASP.NET 3.5
Creative Commons License
{5}
{2} 읽음   :{3} ({4})