미선택시 저장불가 / 저장시 체크하면서 경고 / addClass

미선택시 저장불가

 

Simple Memo : for문을 도는 도중 미선택에 해당된다 해서 return 해버리면 미선택항목이 여러개인경우 앞부분의 것을 체크하다가 return 해버림으로 뒷부분을 체크하지 못하게 된다. 즉 addClass(경고클래스 추가) 가 앞까지만 적용되고 return 돼버린다. 그래서 생각한것이 반복문을 전부 돌며 체크함으로 addClass가 적용 되어야 하는부분에 다 적용 해주고, selectCheck 변수를 통해 if문을 실행시키면서 return 조건에 해당되면 그때 return 처리하는 구조로 코딩을 했다.

 

 

var selectCheck = flase; // 기본값을 false로 설정

$('input[name="occuNcsCode"]').each(function(idx){ // 반복문을 돌면서
    if($('select[name="univAbilSelect"]:eq('+idx+')').val() == ''){ // select박스가 선택되지 않은것이 있으면

        // 경고 클래스(배경을 색칠해주는 css)를  addClass 해준다.
        $('select[name="univAbilSelect"]:eq('+idx+')').addClass('bg-light-warning'); 
        selectCheck = true; // selectCheck에 true 세팅
    }
});

if (selectCheck){ // true인경우 즉, 위에서 미선택된 경우 실행되는 if문
    alert('값이 선택되지 않은 항목이 있습니다.<br> 화면에 표시된 부분을 다시 확인해 보시기 바랍니다.');
    return; // 이 부분에서 return 해줌으로, 밑에 있는 저장로직을 타지 않게한다.

}

 

saveLogic();    // 저장로직