<FORM> submit 시 input type=text 인 모든 공백 확인

submit 시 모든   input type=text 의 공백을 한번에 확인 하고 싶었다

 

submitBlankCheack.js

$(document).ready(function() {
	console.log('성공');
        $('#insertForm').submit(function(event) {
            // 입력 필드의 값이 공백인지 확인합니다.
            if (!blankSpace()) {
                event.preventDefault(); // 폼 제출을 막습니다.
                alert('입력 필드에 값을 입력하세요.'); // 사용자에게 알립니다.
            }
        });
    
});

 

 

blankSpace.js

function blankSpace() {
	var flag = true;
	// 모든 input 요소의 value 확인하기
	$('input[type="text"]').each(function() {
		var content = $(this).val();
		console.log("Input Value: " + content);
		if ($.trim(content) === '') { // 입력 값이 공백이면
			flag = false;
			return false; // 반복문을 종료합니다.
		}
	});
	return flag;
}

 

.js 파일로 모듈화하여

 input type=text가 들어가는 곳에

 재사용하였다