채택완료

제이쿼리 인풋테그에 글이 입력되면

2019-01-30 (수) 15:22:29 3,990

예를들어서 

이름 : 인풋 텍스트

성별 : 인풋 텍스트

확인버튼이 흰색에서

이름 성별값이 적혀있으면 확인버튼이 검정색 변경되는 코드...

어려운가요..?

완성코드나 .. 예제 잇으면 알려주시면 감사하겠습니다.

|

답변 3개

채택된 답변
+20 포인트
2019-01-30 (수) 15:36:07

[code]

$('#apply-form input').blur(function()
{
      if( !this.value ) {
            $(this).parents('p').addClass('warning');
      }
});

[code]

input 에 아무것도 없으면 parent 코드인 p에 warning 클래스를 추가합니다.

https://codepen.io/anon/pen/vbyKWq?editors=1111

주석도 작성했으니 확인해보세요

대략 이렇게 하면 될거 같은데,, 아래 코드로 한번 해보세요! 

Copy
이름 : <input type="text" id="text1">
        성별 : <input type="text" id="text2">
        
        <button style="background:#fff;" id="button">버튼</button>

        <script>
            
            $( function() {
                $("#text1").on("keyup", function() {
                    
                    if($(this).val() != ''){
                        //값이 있을 경우
                        $("#button").css({ 'background':'#000' });
                    }else{
                        //값이 없을 경우
                        $("#button").css({ 'background':'#fff' });
                    }
                });
                
            });

        </script>

답변을 작성하려면 로그인이 필요합니다.