<!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. 使用gitblit搭建git服务器

    前言 一直在学习新技术,我想都整理到博客上.公司还在坚持用svn,之前学过git都快要忘记了,此篇博客记录搭建基于gitblit的git服务器.当然直接使用linux也可以,不过我不是很熟悉,考虑到我 ...

  2. 解决安装fiddler后IE打开网页提示“代理服务器无响应”

    环境:win8.1+IE11 安装fiddler4后,启动fiddler,IE11打开百度网站,打开失败:代理服务器无响应,如图: 在网上找了各种方法,修改fiddler的设置,均无法解决这个问题,无 ...

  3. [CSS3]环形进度条

    来源:https://codepen.io/eZ0/pen/eZXNzd 点击上面链接有源码有示例. .ko-progress-circle { width: 120px; height: 120px ...

  4. thinkphp5.1 退出登陆操作

    使用Session:: 静态方法即可

  5. Django04-模板系统Template

    一.模板支持的语法 Django模板中只需要记两种特殊符号: {{ }}表示变量,在模板渲染的时候替换成值{% %}表示逻辑相关的操作. 二. 变量(使用双大括号来引用变量) 1.语法格式:{{var ...

  6. UI设计篇·入门篇·绘制简单自定义矩形图/设置按钮按下弹起颜色变化/设置图形旋转

    Android的基本控件和图形有限,难以满足所有的实际需要和设计需求,好在Android给出了相对完善的图形绘制和自定义控件的API,利用这些API,可以基本满足设计的需求. 自定义图像和控件的方法: ...

  7. web跨域问题（No 'Access-Control-Allow-Origin'..）

    1. 问题 angular开发中连接java服务时出现跨域问题(No 'Access-Control-Allow-Origin'..). 如下图 解决方法 2,原因分析 这个与安全机制有关,默认情况下 ...

  8. tomcat 配置细节

    1.对于url中文乱码问题: (有时进行url编码也不能能够解决,找到server.xml添加URIEncoding="UTF-8",就可以了) tomcat配置编码:      ...

  9. linux 查看文件方法

    vi 文件名 #编辑方式查看,可修改cat 文件名 #显示全部文件内容more 文件名 #分页显示文件内容tail 文件名 #仅查看尾部,还可以指定行数head 文件名 #仅查看头部,还可以指定行数s ...

  10. 吴裕雄 python 机器学习——线性回归模型

    import numpy as np from sklearn import datasets,linear_model from sklearn.model_selection import tra ...