local.storage 实现注册和验证

最新推荐文章于 2023-01-14 21:11:13 发布

smile54533

最新推荐文章于 2023-01-14 21:11:13 发布

阅读量705

点赞数 1

本文链接：https://blog.csdn.net/smile54533/article/details/90897702

版权


<html ng-app="ionicApp">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>注册</title>
        <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
        <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    </head>
    <body>
    
    <div class="bar bar-header">
      <div class="h1 title">注册</div>
    </div>
    
    <div class="content has-header">
      <div class="list">
        <label class="item item-input">
          <span class="input-label">用户名：</span>
          <input id="loginName" type="text">
        </label>
        <label class="item item-input">
          <span class="input-label">密码：</span>
          <input id="loginPsd" type="password">
        </label>
      </div>
      <div class="padding">
        <button onclick="ZhuCe()" class="button button-block button-positive">注册</button>
      </div>
    </div>
	
	<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
	<script>
		
		function ZhuCe(){
		if(NoKong()){
			var arr = [];
			if(localStorage.user){
			arr = eval(localStorage.user);
				for(e in arr){
					if($('#loginName').val()==arr[e].loginName){
						alert('该账号已被注册');
						clear();
						return;
					}
				}
			}
			var user = {'loginName':$("#loginName").val(),'loginPsd':$("#loginPsd").val()};
			arr.push(user);
			localStorage.user=JSON.stringify(arr);
			alert('注册成功');
			clear();
			}
		}
		function clear(){
			$('#loginName').val('');
			$("#loginPsd").val('');
		}
		function NoKong(){
			if($('#loginName').val()==""){
				alert('用户名不能为空');
				return false;
			}else if($('#loginPsd').val()==""){
				alert('密码不能为空');
				return false;
			}
			return true;
		}
	</script>
  </body>
</html>