테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 인풋테그에 글이 입력되면 채택완료

그누보드초보이용자 6년 전 조회 3,644

예를들어서 

이름 : 인풋 텍스트

성별 : 인풋 텍스트

 

확인버튼이 흰색에서

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

어려운가요..?

 

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

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

답변 3개

채택된 답변
+20 포인트
T
6년 전

[code]

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

[code]

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

로그인 후 평가할 수 있습니다

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

6년 전

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

 

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

로그인 후 평가할 수 있습니다

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

jun31019
6년 전

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

 

</p>

<p>        이름 : <input type="text" id="text1">

        성별 : <input type="text" id="text2">

        

        <button style="background:#fff;" id="button">버튼</button></p>

<p>        <script>

            

            $( function() {

                $("#text1").on("keyup", function() {

                    

                    if($(this).val() != ''){

                        //값이 있을 경우

                        $("#button").css({ 'background':'#000' });

                    }else{

                        //값이 없을 경우

                        $("#button").css({ 'background':'#fff' });

                    }

                });

                

            });</p>

<p>        </script></p>

<p>

로그인 후 평가할 수 있습니다

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

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

로그인