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

input="text"에 텍스트 입력시에 버튼활성화

숭늉맛탱 5년 전 조회 8,212

제목 그대로 인풋텍스트 박스에 글자가 하나라도 입력이 되면

버튼이 비활성화 되어있던게 활성화가 되는 코드를 짜고싶은데 구글에 검색해도 마땅한 코드를 찾지못해서요 ㅠㅠ 도와주세요

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

답변 6개

지나가다 저도 배우고 갑니다~

 

+덧 숙제는 스스로 해결하라는 답변에서 조금 뜨악했네요.

개발 독학에서 구글링은 기본인건 알지만

오죽했으면 게시판에 질문을 올렸을까 하는 너그러운 마음으로 좀 친절하게 대해주셨음해요.

결론적으로 친절하게 알려주시긴했지만 조금 아쉬운 마음에 오지랖 부려봅니다 :)

 

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

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

s
sinbi Expert
5년 전

제가 빨리빨리 찾아쓸 목적으로 운영 중인 게시판이니 

오셔서 처음부터 차근차근 공부해 보세요. (이벤트쪽 참고)

https://homzzang.com/b/js">https://homzzang.com/b/js

https://homzzang.com/b/jquery">https://homzzang.com/b/jquery

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

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

</p>

<p><script src="<a href="http://code.jquery.com/jquery-2.2.4.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-2.2.4.min.js"></script></a>

<script>

$(function() {

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

        var flag = true;

        flag = $(this).val().length > 0 ? false : true;

        $("#btn-submit").attr("disabled", flag);

    });

});

</script>

<input type="text" name="test" id="test">

<button type="submit" id="btn-submit" disabled>submit</button></p>

<p>

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

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

인풋박스 비활성 제이쿼리 검색하면 자료나오는데 참고하세요!ㅎ

공부란 좋은것이지요!!

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

답변에 대한 댓글 1개

숭늉맛탱
5년 전
한번 그렇게 검색해 보겠습니다! 감사합니다 ㅎㅎ 화이팅하겠습니다 ㅠㅠ..

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

5년 전

일단 input 에는 onChange 나 onKeyPress 같은 이벤트를 걸어서 input 에 값이 있는지를 실시간으로 검사하고

버튼은 input 값에 의해서 setAttrubute('disable','disable'), removeAttribute('disable') 정도로 구분하시면 되겠네요

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

답변에 대한 댓글 1개

숭늉맛탱
5년 전
앗 제가 설명이 부족했던 모양입니다 ㅠㅠ제이쿼리로 짜는방법을 여쭈어 봐야하는거였는데 그래도 답변 감사드립니다!

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

프라푸치노K

머지? 이제 막 학교에서 배우고있는듯한 질문은...

숙제는 스스로 해결하세요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

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

답변에 대한 댓글 2개

숭늉맛탱
5년 전
뭐지 이 필터링 안거친듯한 답변은?? 숙제가아니라 독학으로 스크립트 공부들어갔는데요; 답변이 굉장히 무례하시네요 본인이 하나쯤 더 알고있다고 해서 그런식으로 못배운사람마냥 남무시하는 발언하는건 정상인가요?
휴란드
5년 전
그러게요 제가 무례했네요. 진심으로 고개숙여 사과드립니다. 코드만 찾으시는 듯해서 오해했습니다. 간혹 학생들이 공부는 안하고 질문으로 과제 때우는 듯한게 보여서 경솔했습니다.

독학 하신다면 멘땅 헤딩보다는 https://opentutorials.org/course/743/4650 이런 강좌를 참조 하셔서 기초부터 보시는걸 추천합니다.

해당 부분은 https://opentutorials.org/course/53/56 여기 참고하시면 좋겠네요.
이벤트 사용법익히시고 이벤트 종류검색해서 응용해보세요.

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

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

로그인