개발 일지개인 프로젝트STEAM IC.

Search 글자 수 제한!

검색 기능을 테스트해보면서 한 글자로 찾으니까 문제가 있다는 것을 알았다.

예를 들어, ‘a’로 찾으면 원하는 검색 결과가 제대로 나오지 않았다.

두 글자 이상에서만 문제가 없는 것을 발견하여 JQuery를 이용하여 다음과 같이 해결했다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
{% block extra_script %}
<script type="text/javascript">
$(function(){
    // search 버튼이 클릭되었을 때
    $('.search_button').click(function(e) {
        // search_text 값을 받아옴
        var get_text = $("input[id='search_text']").val();
        // 입력을 하지 않았다면
        if(get_text.length == 0){
            alert('검색어를 입력해주세요.');
            e.preventDefault();
        // 한 글자를 입력했다면
        } else if(get_text.length == 1){
            alert('검색어 글자 수는 2이상이에요.');
            e.preventDefault();
        }
    });
});

</script>
{% endblock %}
Share