[jquery/js] 메일 자동완성 코드
페이지 정보
작성자 webpaper 댓글 0건 조회 4,056회 작성일 21-01-05 17:21본문
메일 자동완성코드
jQuery UI Autocomplete 사용
<script>
function autoEmail(a,b){
/*
a : input의 ID
b : 입력되는 input의 값
*/
var mailId = b.split('@'); // 메일계정의 ID만 받아와서 처리하기 위함
var mailList = ['naver.com','gmail.com','daum.net','hanmail.net','korea.kr']; // 메일목록
var availableCity = new Array; // 자동완성 키워드 리스트
for(var i=0; i < mailList.length; i++ ){
availableCity.push( mailId[0] +'@'+ mailList[i] ); // 입력되는 텍스트와 메일목록을 조합
}
$("#"+a).autocomplete({
source: availableCity, // jQuery 자동완성에 목록을 넣어줌
focus: function(event, ui) {
return false;
}
});
}
</script>
<div class="ui-widget">
<label for="email">email: </label>
<input id="email" onkeyup="autoEmail('email',this.value)" autocomplete="off">
</div>
label
반응형 테스터
반응형 테스트 / 해상도 별 화면
바로가기숫자 야구게임
간단한 PHP 3자리 숫자 야구게임
바로가기Box-Shadow CSS
Box-Shadow CSS 설정 페이지
바로가기셀프 배너제작
간단한 이미지 제작 셀프로 쉽게!
바로가기내 IP 주소확인
IP로 위치확인하는 페이지
바로가기