<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>注册页面</title>    <link rel="shortcut icon" href="imgs/WB_logo.png">    <style>        .login {            width: 1500px;            height: 900px;            background: #f2f2f5;            padding: 20px;            background: url("imgs/1.jpg") no-repeat center top;        }        .login_form {            width: 270px;            height: 190px;            padding: 0;            margin: 0 auto;            line-height: 30px;        }        .z_input,        .m_input,        .q_input{            height: 28px;            width: 250px;        }        .dl {            width: 100px;            height: 30px;            float: left;            position: relative;            top: 5px;            left: 20px;        }        .zc {            width: 100px;            height: 30px;            float: left;            position: relative;            top: 5px;            left: 40px;        }

    </style></head><body><div class="login">    <div class="login_form">        姓名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input  class="z_input" type="text" id="username"><br>        密码：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input class="m_input" type="password" id="password"><br>        确认密码：<input class="q_input" type="password" id="password_last"><br>        <input class="dl" type="button" value="登录" onclick="window.location='login.html'">        <input class="zc" type="button" value="注册" onclick="f1()">    </div></div></body></html>    <script>        function f1() {           //获取输入的姓名           var userName=document.getElementById("username").value;           // console.log(userName);           //获取输入的密码           var password=document.getElementById("password").value;           // console.log(password);           //确认密码           var password_last=document.getElementById("password_last").value;           // console.log(password_last);           //存储数组           var array=[userName,password,password_last];           var flag = true;           if (array[0] == ""){              alert("用户名不能为空，请重新输入！");           }           var users = localStorage.getItem("user");           var user_arr = JSON.parse(users);           if (user_arr != null && user_arr[0] == array[0]){              flag = false;              alert("该用户名已经被占用，请重新输入");           }           // }           if (array[1] == "" || array[2] == "") {              alert("密码不能为空");              flag = false;           }           if (array[1] != array[2]){              flag = false;              alert("两次输入的密码不一致")           }           if (flag){              var cc=JSON.stringify(array);              localStorage.setItem("user",cc);           }        }    </script>

js简单的注册页面的更多相关文章

  1. Android笔记-4-实现登陆页面并跳转和简单的注册页面

    实现登陆页面并跳转和简单的注册页面   首先我们来看看布局的xml代码 login.xml <span style="font-family:Arial;font-size:18px; ...

  2. AJAX实现简单的注册页面异步请求

    p { margin: 0px; padding: 0px } AJAX简介 (1)AJAX = 异步 JavaScript 和 XML. (2)AJAX 是一种用于创建快速动态网页的技术. (3)通 ...

  3. 使用Html和ashx文件实现其简单的注册页面

    记得上一次博客中实现的是其登录页面,其实学会了登录页面,注册页面自然就知道怎么写啦,都是一个意思的,但是今天不知道怎么个情况,写一个注册页面程序 中 一直在出错,大的问题小的问题一直出错,似乎是不在状 ...

  4. Servlet(4)：一个简单的注册页面

    一. 注册要求 1. 一个注册页面 username (文本框) password:密码 (密码框) passwordYes :再次输入密码(密码框) hobby (多选框) sex (单选框) in ...

  5. 一个简单的注册页面,基于JS

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. html+css+js实现简单登陆注册页面

    先看一下最终效果,登陆和注册 背景图片: 附源码: login.html <!DOCTYPE html> <html lang="en"> <head ...

  7. 带你玩转JavaWeb开发之四 -如何用JS做登录注册页面校验

    今日内容 使用JQuery完成页面定时弹出广告 使用JQuery完成表格的隔行换色 使用JQuery完成复选框的全选效果 使用JQuery完成省市联动效果 使用JQuery完成下列列表左右选择 使用J ...

  8. 小KING教你做android项目（二）---实现登陆页面并跳转和简单的注册页面

    原文:http://blog.csdn.net/jkingcl/article/details/10989773       今天我们主要来介绍登陆页面的实现,主要讲解的就是涉及到的布局,以及简单的跳 ...

  9. HTML&CSS基础学习笔记1.22-简单的注册页面

    一个简单的注册页面 表单提交是前后端数据交互的一种方式. 代码区是一个注册页面,其中包含了以下标签:<form>.<table>.<input>.<butto ...

随机推荐

  1. java 日志脱敏框架 sensitive-v0.0.4 系统内置常见注解，支持自定义注解

    项目介绍 日志脱敏是常见的安全需求.普通的基于工具类方法的方式,对代码的入侵性太强.编写起来又特别麻烦. 本项目提供基于注解的方式,并且内置了常见的脱敏方式,便于开发. 特性 基于注解的日志脱敏. 可 ...

  2. C#将时间转化自定义类型格式，C#获取时间间隔

    C# string.Format格式化日期:  DateTime dt = ,,,,,,); string.Format("{0:y yy yyy yyyy}",dt); //17 ...

  3. C++实现根据路径读取文件内容

    已知文件路径,用C++实现读取对应文件的内容,代码如下: bool LoadShaderStr(const char* szShaderPath,string& strShaderStr) { ...

  4. springmvc 学习

    第一章回顾JavaWeb中的MVC设计模式 1)MVC这种设计模式,不光运用于Web领域,而且也能用于非Web领域 2)今天说的MVC特指一种表现层设计模式,不限于Java语言 第二章回顾struts ...

  5. Split CSV/TXT file

    void Main(){ var path = @"c:\sourceGit\speciesLatLon.txt"; var inputLines = File.ReadAllLi ...

  6. 2018-2019-2 网络对抗技术 20165304 Exp5 MSF基础应用

    2018-2019-2 网络对抗技术 20165304Exp5 MSF基础应用 原理与实践说明 1.实践原理 1).MSF攻击方法 主动攻击:扫描主机漏洞,进行攻击 攻击浏览器 攻击其他客户端 2). ...

  7. 秋日上新！H5活动之家营销平台升级大盘点！

    H5活动之家活动营销平台,免费定制使用抽奖.投票.砍价.红包.互动.游戏等不同类型的微信营销活动. 近期多个活动进行了升级改造,更有集福卡持续热度,微助力火热上线等亮点:同时平台也进行了提高访问速度. ...

  8. V-REP Remote API（C++）实现简单的关节转动

    基础内容参考:https://www.cnblogs.com/eternalmoonbeam/p/10753149.html V-REP客户端设置: 在V-REP场景文件中需要添加三个实体,包括两个形 ...

  9. css 之过渡效果

    之前写css的效果,都是使用js 来完成的,但是写js比较耗费时间,有时候逻辑不对,还出不来效果,所以也比较烦:所以一些简单的效果,就使用css 来完成会比较好一些,不必耗费太多的精力: 但是写css ...

  10. idea 设置光标回到上一次位置的快捷键

    1. file-->settings,搜索 navigate 这个 蓝色的back和forward分别就是光标后退.前进的快捷键了,全部移除原来冲突的快捷键,然后重新设置成自己的快捷键即可. 然 ...