제이쿼리 input에 아무것도 입력 안했을 때

제이쿼리 input에 아무것도 입력 안했을 때 경고창 띄우거나, 콘솔창 띄우기

검색 키워드

check if input text Value empty

If input val is empty

How to check if inputs are empty

참고 사이트

https://code.i-harness.com/en/q/1c4c5c

(input은 text와 submit 두개가 있고, text에 입력 후 submit 버튼을 눌렀을때 발생하는 이벤트)

$(function() {
    $("input[type=submit]").click(function() {
        var result = $("input[type=text]").val();
        if (!result) {
          alert("입력하십시오");
        }
    })
})

! 참고로 var result 변수는 click 함수 바깥에 쓰면 안됨.

$(function() {
    $("input[type=submit]").click(function() {
        var result = $.trim($("input[type=text]").val());
        if (!result) {
          alert("입력하십시오");
        }
    })
})

위랑 똑같지만 추가된

$.trim()은 앞뒤 공백을 없애주는 함수