登录存储本地

ゝ一世哀愁。 2022-06-04 05:14 210阅读 0赞

<!DOCTYPE html>  
<html>  
<head lang="en">  
<meta charset="UTF-8">  
<title>我们虽然很穷，但是我们有梦想</title>  
<script src="angular.js"></script>  
</head>  
<body ng-app="zcsApp" ng-controller="zcsControl">  
用 户 名：<input type="text" ng-model="name" /><br>  
密&nbsp;&nbsp;码：<input type="text" ng-model="pwd" /><br>  
确认密码：<input type="text" ng-model="pwd2" /><br>  
<input type="button" value="注册" ng-click=" ZhuCe()"/>  
<input type="button" value="登入" ng-click=" Enter()"/>  
<span style="color: red">\{ \{message\}\}</span>  
</body>  
<script>  
// var data=\{"name":"admin","pwd":"12"\};

\};  
PersonalInfo.prototype.hasName= function (name,pwd,fn,fn2) \{  
var storage=window.localStorage.getItem("PersonalInfo");//得到的数据是字符串  
storage= storage?JSON.parse(storage):\[\];  
var data=storage;  
for(var i=0;i<data.length;i++)\{  
var v=data\[i\];  
if(name!==v.name&& pwd!==v.pwd) \{  
fn();  
return;  
\}  
\};  
\};  
angular.module("zcsApp",\[\])  
.controller("zcsControl",\["$scope", function ($scope) \{  
$scope.ZhuCe= function () \{  
$scope.message="";  
var name=$scope.name;  
var pwd=$scope.pwd;  
var pwd2=$scope.pwd2;  
// 若是输入为空或者undefined时  
if(name===undefined||name.trim().length===0||pwd===undefined||pwd.trim().length===0||pwd2===undefined||pwd2.trim().length===0)\{  
$scope.message="请输入完整信息";  
return;  
\}  
// 若输入的密码和确认密码不一致时  
if(pwd!==pwd2)\{  
$scope.message="俩次输入的密码不一致";  
return;  
\}  
// 判断本地是不是已经有这个名字  
if(PersonalInfo.selectByName(name,pwd))\{  
$scope.message="此账号已注册";  
return;  
\}  
// 存储信息  
var data=new PersonalInfo(name,pwd);  
data.savaLocalStorage();  
\};  
$scope.Enter= function () \{  
$scope.message="";  
var name=$scope.name;  
var pwd=$scope.pwd;  
var per=new PersonalInfo(name,pwd);  
if(PersonalInfo.selectByName(name))\{  
$scope.message="登入成功";  
return;  
\}  
per.hasName(name,pwd,function () \{  
$scope.message="账号错误或者密码不正确"  
\});//得到登入的信息  
\}  
\}\])  
</script>  
</html>