jquery를 이용한 아이디 저장하기(쿠키사용)
*****jquery*****
$("document").ready(function(){
var userInputId = getCookie("userInputId");
$("input[name='memberID']").val(userInputId);
if($("input[name='memberID']").val() != ""){
$("#idSave").attr("checked", true);
}
$("#idSave").change(function(){
if($("#idSave").is(":checked")){
var userInputId = $("input[name='memberID']").val();
setCookie("userInputId", userInputId, 30);
}else{
deleteCookie("userInputId");
}
});
$("input[name='memberID']").keyup(function(){
if($("#idSave").is(":checked")){
var userInputId = $("input[name='memberID']").val();
setCookie("userInputId", userInputId, 30);
}
});
});
-------------------------------
//아이디저장
function setCookie(cookieName, value, exdays){
var exdate = new Date();
exdate.setDate(exdate.getDate() + exdays);
var cookieValue = escape(value) + ((exdays==null) ? "" : "; expires=" + exdate.toGMTString());
document.cookie = cookieName + "=" + cookieValue;
}
function deleteCookie(cookieName){
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() - 1);
document.cookie = cookieName + "= " + "; expires=" + expireDate.toGMTString();
}
function getCookie(cookieName) {
cookieName = cookieName + '=';
var cookieData = document.cookie;
var start = cookieData.indexOf(cookieName);
var cookieValue = '';
if(start != -1){
start += cookieName.length;
var end = cookieData.indexOf(';', start);
if(end == -1)end = cookieData.length;
cookieValue = cookieData.substring(start, end);
}
return unescape(cookieValue);
}
*****html******
<input type='text' name='memberID' id='memberID'>
<input type='checkbox' name='idSave' id='idSave'>아이디저장
가끔씩 사용하는데 기억력의 한계로다가...ㅎㅎ
검색을 하면 많이 나오긴 하지만...귀찮아서 저장해놓기로 함...
'개발 > jQuery' 카테고리의 다른 글
[jQuery]문자 깜박임 (0) | 2018.07.24 |
---|---|
[jQuery] jQuery 셀렉트박스 이전 선택(focus) (0) | 2018.06.27 |
jQuery 엔터키 (0) | 2018.06.26 |
[jQuery] jQuery로 부모창 컨트롤 (0) | 2012.11.30 |
[jQuery] rowspan (0) | 2011.07.05 |