<!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. 逆向工程vgenerator(三)

    前言 该项目的最后一篇博文,最终构建,写入文件,整体项目流程将在本片文章中写出. jdbcType /** *@author vvxtoys *mysql单位 -> jdbcType */ pa ...

  2. qt qextserialport __imp_SetupDiGetDeviceRegistryPropertyW

    使用 qextserialport 编写串口助手的时候,提示找不到 __imp_SetupDiGetDeviceRegistryPropertyW,经过摸索有以下两种解决方法: 第一种: 把相应的源文 ...

  3. Anatomy of a Database System学习笔记 - 查询

    查询解析 解析会生成一个查询的内部展示.格式检查包含在解析过程中. 每次解析一个SELECT,步骤如下:1. 从FROM里找到表名,转换成schema.tablename.这一步需要调用目录管理器ca ...

  4. LeetCode 145. Binary Tree Postorder Traversal 二叉树的后序遍历 C++

    Given a binary tree, return the postorder traversal of its nodes' values. Example: Input: [,,] \ / O ...

  5. python模块 os&sys&subprocess&hashlib模块

    os模块 # os模块可根据带不带path分为两类 # 不带path print(os.getcwd()) # 得到当前工作目录 print(os.name) # 指定你正在使用的操作系统,windo ...

  6. 学习使用github

    自己尝试了一下用git bash完成了第一次下载与上传,感觉git desktop应该是讲bash某些需要输入代码的工作图形化了,但是因为感觉用起来有些不知所措,所以反倒是用代码的gitbash比较方 ...

  7. Win7+ 电脑 休眠 自动唤醒

    https://jingyan.baidu.com/article/3ea51489d905df52e71bba6b.html

  8. leetcode1034

    class Solution: def __init__(self): self.V = list() def bfs(self,grid,color,rows,coloums,r,c,ocolor) ...

  9. JQ删除数组中的某个对象

    ---恢复内容开始--- var pros = []; 全局变量function doSearchSal(){ var param = {}; var searchSal=$.trim($(" ...

  10. 使用IDEA的项目上传到GitHub

    使用IDEA的项目上传到GitHub 前提条件: 1.配置好Git(https://jingyan.baidu.com/article/8275fc867b652046a03cf613.html) 2 ...