记住密码部分：
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><title>记住密码</title></head><body><form id="loginForm">//表单<input id="user"type="text"placeholder="用户名"><br><input id="pswd"type="password"placeholder="密码"><br><label><input id="remember"type="checkbox">记住密码</label><br><input type=‘submit‘value="登录"></form><script>window.onload =function(){varoForm = document.getElementById(‘loginForm‘);varoUser = document.getElementById(‘user‘);varoPswd = document.getElementById(‘pswd‘);varoRemember = document.getElementById(‘remember‘);//页面初始化时，如果帐号密码cookie存在则填充if(getCookie(‘user‘) && getCookie(‘pswd‘)){oUser.value = getCookie(‘user‘);oPswd.value = getCookie(‘pswd‘);oRemember.checked =true;}//复选框勾选状态发生改变时，如果未勾选则清除cookieoRemember.onchange =function(){if(!this.checked){delCookie(‘user‘);delCookie(‘pswd‘);}};//表单提交事件触发时，如果复选框是勾选状态则保存cookieoForm.onsubmit =function(){if(remember.checked){setCookie(‘user‘,oUser.value,7);//保存帐号到cookie，有效期7天setCookie(‘pswd‘,oPswd.value,7);//保存密码到cookie，有效期7天}};};//设置cookiefunctionsetCookie(name,value,day){vardate =newDate();date.setDate(date.getDate() + day);document.cookie = name +‘=‘+ value +‘;expires=‘+ date;};//获取cookiefunctiongetCookie(name){varreg = RegExp(name+‘=([^;]+)‘);vararr = document.cookie.match(reg);if(arr){returnarr[1];}else{return‘‘;}};//删除cookiefunctiondelCookie(name){setCookie(name,null,-1);};</script></body></html>
验证框中是否有值，没有就提醒
- //提交
- $("#submit").click(function() {
- document.getElementById("name").innerText = "";
- document.getElementById("pswd").innerText = "";
- if($("#username").val()=="" || $("#username").val()==null){
- document.getElementById("name").innerText = "用户名不能为空";
- $("#username").focus();
- return false;
- }else if($("#password").val()=="" || $("#password").val()== null){
- document.getElementById("pswd").innerText = "密码不能为空";
- $("#password").focus();
- return false;
- }
- });
原文地址：https://www.cnblogs.com/12344321hh/p/8526993.html
时间： 2024-10-11 13:34:12