제이쿼리 특정 input 안썼을때 그 부분만

제이쿼리 특정 input창 안썼을때, 안채웠을때, 건너뛰었을때 그 부분만 경고해주기.

모든 input창 안썼을때 경고하기

검색 키워드

check if all textboxes are empty

all input empty (fields)

참고 사이트

http://www.jquerybyexample.net/2012/12/jquery-to-check-all-textboxes-empty.html

위 사이트에 나와있는 것중에 최대한 간단하게 써본거

<div>
  <input type="text">
  <input type="text">
  <input type="text">
  <input type="submit" class="submit">
</div>
 
<script>
  $(function() {
    $(".submit").click(function() {
      var valid = true;
 
      $("input[type=text]").each(function() {
        if ($.trim($(this).val()) == '') {
          valid = false;
          $(this).css("background": "red");
        }
      })
    })
  })
</script>