자바스크립트 유효성 검사에 대해서 문의드립니다 ㅠ,ㅠ
본문
안녕하세요 ㅠ,ㅠ 이런 질문 죄송합니다 ㅠ,ㅠ 머리 회전?이 안되서 이런거 어떻게 해야할지ㅠ ㅠ, 머리 아프네요 ㅠ,ㅠ
우선 사진보시면 "이용부대 시설"에 하나라도 클릭이 안되어 있으면 경고창을 띄우려고 합니다.
한개라도 선택되면 넘어 갈수 있고 그 해당 클릭된것에 "이용갯수"에 입력하지 않으면 경고창을 띄우도록 만들고 있습니다.
물론 자바스크립트로요.
일단 제가 "이용부대시설", "이용갯수" 목록에 선택이 안되어 있으면 무조건 경고창 띄우게 했으나
지금 소스로 적용해보면 "이용부대시설" 중 첫번째 값만 적용되네요 ㅠㅠ
두번째 3번째 체크박스 클릭하면 넘어가야 하는데 첫번째 클릭 안됬다고 경고창이 나오네요 ㅠ,ㅠ
어떻게 하면 "이용부대시설" 이것을 아무거나 상관없으니 하나라도 선택되어야 하고 선택된 "이용갯수"에 선택이 되도록 경고창 만들어야 하는지 ㅠ,ㅠ
<form="save_form">
<tr>
<td>
<input class="input_box" type="checkbox" value="1" name="facility_no[]">
</td>
<td>
<input class="simpleform" type="text" value="" name="facility_1">
</td>
</tr>
<tr>
<td>
<input class="input_box" type="checkbox" value="1" name="facility_no[]">
</td>
<td>
<input class="simpleform" type="text" value="" name="facility_2">
</td>
</tr>
<tr>
<td>
<input class="input_box" type="checkbox" value="1" name="facility_no[]">
</td>
<td>
<input class="simpleform" type="text" value="" name="facility_3">
</td>
</tr>
</form>
<script type="text/javascript">
var facilities = $('save_form').select('input[name="facility_no[]"]');
for(var i=0; i<facilities.length; i++) {
var item = facilities[i];
if(item.checked==false) { // name값중 facility_no[]에 check가 안되어 있으면
alert(' 이용부대시설
를 입력하여 주십시오.');
}
if(item.checked==true) {
var qty = $('save_form').select('input[name=facility_'+ item.value +']')[0];
if(!qty.value) {
alert('이용갯수
를 입력하여 주십시오.');
return false;
}
}
}
</script>
답변 2
var facilities = $('save_form').select('input[name="facility_no[]"]');
var Cnt = 0;
for(var i=0; i<facilities.length; i++) {
var item = facilities[i];
if(facilities[i].checked){
Cnt += 1; // 이용부대시설 체크 몇개 되어 있는지 구하기
}
if(item.checked==true) {
var qty = $('save_form').select('input[name=facility_'+ item.value +']')[0];
if(!qty.value) {
alert('부대시설 이용갯수를 입력하여 주십시오.');
qty.focus();
return false;
}
}
}
if(Cnt==0) { // 만약 이용부대시설이 체크가 하나라도 안되어 있으면 경고창 나오기
alert('부대시설 이용부대시설를 입력하여 주십시오.');
return false;
}
if(!confirm('선택하신 정보로 예약을 진행하시겠습니까?')) return false;
return true;
},
답변을 작성하시기 전에 로그인 해주세요.
