JS: js 조작 쿠키 암호 기억 기능 구현
2913 단어 자바 script
오늘 주관 자 는 나 에 게 계산서 시스템 에 작은 기능 을 쓰 라 고 했 는데, 바로 위 에 비밀 번 호 를 기억 하 는 것 이다.저 에 게 쿠키 를 사용 한 다 는 말 을 알려 주 고 가 버 렸 습 니 다. 저 는 오늘 하루 동안 쿠키 를 연 구 했 습 니 다. 아래 에 쿠키 를 조작 하고 봉 인 된 함수 가 세 개 있 습 니 다. 여러분 이 어디 를 보고 어디 가 부실 하 다 고 생각 하 는 지 를 확대 할 수 있 습 니 다. 이것 은 좋 은 축적 기회 입 니 다.
코드
<form action="">
：
<input type="text" id="username"/>
：
<input type="password" id="password"/>
<input type="checkbox" id="memory"/><label for="memory"> </label>
<input type="button" value=" " id="btn"/>
</form>
<script src="js/jquery-2.1.0.js"/>
<script>
$(function(){
if(getCookie('name')&&getCookie('password')){
$('#username').val(getCookie('name'));
$('#password').val(getCookie('password'));
$('#memory').prop('checked','checked');
}
else{
$('#username').val('');
$('#password').val('');
}
});
$('#btn').click(function(){
if($('#memory').prop('checked')){
var username = $('#username').val();
var password = $('#password').val();
setCookie("name",username);
setCookie("password",password);
}
else{
delCookie('name');
delCookie('password');
}
});
//
function setCookie(name,value)// cookie
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getCookie(name)// cookie
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
function delCookie(name)// cookie
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
</script>
</code></pre>
<p> ：http://www.cnblogs.com/yzb23/</p>
</div>
</div>
</div> 이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Thymeleaf 의 일반 양식 제출 과 AJAX 제출텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
