Simple Is Best

이번 포스팅에서는 사용자가 주어진 Select 중에서 어떤 선택지를 눌렀을 때, 해당 option 에 대한 다른 Select 가 띄워지는 일종의 Animation? UI를 구현해 보도록 하겠습니다. HTML 상품선택 모자 셔츠 바지 사이즈 해당 코드는 Select와 Option 으로 구성되어 있습니다. 현재 상품선택 아래에 size-wrap 으로 구성되어 있는 div 영역은 CSS 상에서 숨김 처리 했습니다. 만약 사용자가 상품 품목을 선택하였다면 그 품목에 해당하는 Size를 띄워줘야 하기 때문입니다. CSS .size-wrap{ display : none; } JQuery 하지만 아래 코드는 Option들을 하드 코딩해야 하는 단점이 존재합니다. ▷ User 가 선택하는 값에 따라 다양한 조건문들을 ..

이번 포스팅에서는 user가 폼을 통해서 [로그인] 창에서 이메일(아이디) 과 패스워드를 제출하려고 할 때 공백으로 제출하는 것을 막아보는 기능을 구현해보도록 하겠습니다. [오늘의 Target] 위의 첨부파일은 아이디와 패스워드를 입력하지 않고 user가 Submit 버튼을 눌렀을 때 1. 제출이 막히고 2. '~를 입력해주세요' 를 띄우는 동작을 나타낸 것입니다. 오늘은 이 두 가지를 어떻게 구현하는지 알아보도록 하겠습니다. 폼 UI 구현 부트스트랩을 이용하였습니다. ▷ 사용자가 입력하지 않았을 때 나올 [경고 alert]는 태그로 입력창 바로 아래에 작성하였습니다. ☆☆☆☆☆ [경고 alert]는 처음 화면에서 보이면 안되므로 CSS 상에서 display : none; 으로 처리하여야 합니다. (그래..

JavaScript에서는 value( ) 로 가져오지만 JQuery 에서는 val( ) 로 가져오게 된다. ▷ input Value를 가져오기 - val( ); value를 가져 올 input //1. id 로 접근해서 가져오기 var value = $('#test_id').val(); //2. class 로 접근해서 가져오기 var value = $('.test_class').val(); //3. name으로 접근해서 가져오기 var value = $('input[name=test_name]').val();