티스토리 뷰

http://jsfiddle.net/P6WCR/ 


$(function() { 

    var emaildomains = ['chollian.net', 

        'daum.net', 

        'empal.com', 

        'facebook.com', 

        'freechal.com', 

        'gmail.com', 

        'hanmir.com', 

        'hotmail.com', 

        'korea.com', 

        'lycos.co.kr', 

        'nate.com', 

        'naver.com', 

        'netian.com', 

        'paran.com', 

        'unitel.co.kr', 

        'yahoo.co.kr']; 


    $('input.emailAutocomplete').autocomplete({ 

        minLength: 0, 

        source: function(request, response) { 

            var mail_regex = /^([a-z\d_\+\.]+)@([a-z\d\-\.]*)$/; 

            var match = mail_regex.exec(request.term); 

            if(!match) return false; 

            var matcher = new RegExp('^' + match[2], 'i'); 

            response( 

                $.grep(emaildomains, function(item) { 

                    return matcher.test(item); 

                }) 

            ); 

        }, 

        focus:function() { 

            return false; 

        }, 

        select: function(event, ui) { 

            this.value = this.value.replace(/@.*$/, '@') + ui.item.value; 

            return false; 

        } 

    }); 

}); 

'코딩 > jQuery' 카테고리의 다른 글

jQuery ContextMenu Plugin  (0) 2013.01.31
jQuery Quick API Reference  (0) 2013.01.28
jQuery 속도 높이는 방법  (0) 2013.01.28
브라우저 사이즈를 통한 반응형 웹 구현  (0) 2013.01.17
email 입력 도우미 autocomplete  (0) 2013.01.06
jQuery Mobile 1.1.0  (0) 2012.07.05
댓글
댓글쓰기 폼