<!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. HDU - 3567

    https://cn.vjudge.net/problem/HDU-3567 #include <stdio.h>#include <math.h>#include <q ...

  2. springboot学习随笔（二）：简单的HelloWorld

    接上章搭建好springboot环境后,开始开发入门级HelloWorld 一.构建简单的springboot项目 1.新建项目,选择Spring/Spring Starter Project 2.N ...

  3. win10下安装ubantu

    最近想看一点深度学习的东西,发现还是用linux更加方便一些.虽然,我对linux一窍不通....但是,目前很多教材,框架,都是基于linux.本来打算用虚拟机,后来发现虚拟机对于GPU的支持不好搞. ...

  4. 什么是pyc文件，Python

    pyc文件就是 Python 程序编译后得到的字节码文件 (py->pyc).pyc文件一般由3个部分组成:最开始4个字节是一个Maigc int, 标识此pyc的版本信息, 不同的版本的 Ma ...

  5. Django 命令

    django #安装: pip3 install django 添加环境变量 #1 创建project django-admin startproject mysite ---mysite ---se ...

  6. 正则简单操作cookie、url search

    正则操作cookie.url getCookie function getCookie(key) { var cookies = window.document.cookie, reg = new R ...

  7. 程序员常用字体(vs2008字体修改方案)

    字体不仅是设计师手中重要的武器,对我们开发人员来说,字体的选择也有许多讲究,一个好的.适合展示代码的字体,应该具备以下要素: 等宽的字符 简洁.清晰并且规范的字符形状 支持ASCII码为128以上的扩 ...

  8. Loadrunner Vugen参数列表中数据分配方法及更新值的时间9种组合说明及验证

    作为刚开始学习Loadrunner的新人,Data Assignment Method以及Update Method在相互组合之后,LR如何进行取值让我很是头疼. 于是花了一个晚上的时间认真学习官方文 ...

  9. 程序配置的原则和实践以及 Spring Boot 支持方式

    原则 软件需要在不同的环境中部署,代码是保持不变的,但是不同的运行环境存在差异,所以需要使用配置适应不同的环境.比如: 数据库,Redis,以及其他 后端服务 的配置: 第三方服务的证书,如 oAut ...

  10. Models中字段的参数

    (1)null 如果为True,Django 将用NULL 来在数据库中存储空值. 默认值是 False. (1)blank 如果为True,该字段允许不填.默认为False. 要注意,这与 null ...