필수 문항 null 체크

개요

보다 손쉽게 필수항목사항 체크를 class로 묶어서 진행

function fSubmit(){
    var empty = 0; //empty 변수 설정
    $(".test").each(function() {
    
        if($(this).val() == "") {
            empty += 1;
            // console.log($(this));
        }
    });
    // console.log(empty);
    if(empty > 0) {
        alert("문항에 내용을 입력해 주세요");
        $(".test").each(function() {
            var txt = $(this).val(); //input text value
            if(txt.length == 0) { //text length 가 0일시에
                $(this).css({
//                     "background-color": "yellow",
                    "border": "1px solid red"
                });
            } else {
                $(this).css({
                    "background-color": "transparent",
                    "border": "1px solid #ddd"
                });
            }
        });
        return false;
    }
}

<input class="test" id="test" name="test">