Jquery input 비었는지 체크


<script src="http://code.jquery.com/jquery-3.1.1.js"></script>
<script>
    $(function(){
        $("input[type=button]").click(function(){
            var isRight = true;
            $("#frm").find("input[type=text]").each(function(index, item){
                // 아무값없이 띄어쓰기만 있을 때도 빈 값으로 체크되도록 trim() 함수 호출
                if ($(this).val().trim() == '') {
                    alert($(this).attr("data-name")+" 항목을 입력하세요.");
                    isRight = false;
                    return false;
                }
            });

            if (!isRight) {
                return;
            }

            $(this).prop("disabled", true);
            $(this).prop("disabled", false);
        });

    });
</script>
</head>
<body>
    <form id="frm">
        <div>이름 : <input type="text" name="name" data-name="이름"></div>
        <div>나이 : <input type="text" name="age" data-name="나이"></div>
        <div>취미 : <input type="text" name="hobby" data-name="취미"></div>
        <div><input type="button" value="등록"/></div>
    </form>
</body>