selfstarter

Jquery input 비었는지 체크 본문

Web/Javascript

Jquery input 비었는지 체크

selfstarter 2020. 1. 6. 20:08

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>

'Web > Javascript' 카테고리의 다른 글

Javascript copy paste 복사 붙여넣기 방지  (0) 2020.06.01
javascript escape  (0) 2020.05.28
select box 동적 생성  (0) 2019.12.31
javascript list 예제  (0) 2019.10.29
JS Input에 숫자만 입력받기  (0) 2019.10.26
'Web/Javascript' Related Articles more
Comments