js连接mysql注册界面_js实现登录与注册界面

完成登录与注册页面的HTML+CSS+JS，其中的输入项检查包括：

用户名6-12位

首字母不能是数字

只能包含字母和数字

密码6-12位

注册页两次密码是否一致

html代码：

欢迎你，请先登陆！

登陆

登陆&nbsp&nbsp&nbsp&nbsp

css代码：

margin: 0;

padding: 0;

font-family: 微软雅黑;

font-size: 12px;

}

.box{

width: 390px;

height: 320px;

border: solid 1px #ddd;

background: #FFF;

position: absolute;

left: 50%;

top:42%;

margin-left: -195px;

margin-top: -160px;

text-align: center;

}

.box h2{

font-weight: normal;

color:#666;

font-size: 16px;

line-height: 40px;

overflow: hidden;

text-align: center;

border-bottom: solid 1px #ddd;

background: #f7f7f7;

}

.input_box{

width:350px;

padding-bottom: 15px;

margin: 0 auto;

overflow: hidden;

}

javascript代码：

function fnLogin() {

var oUname = document.getElementById("uname")

var oUpass = document.getElementById("upass")

var oError = document.getElementById("error_box")

var isError = true;

if (oUname.value.length > 20 || oUname.value.length < 6) {

oError.innerHTML = "用户名请输入6-20位字符";

isError = false;

return;

}else if((oUname.value.charCodeAt(0)>=48) && (oUname.value.charCodeAt(0)<=57)){

oError.innerHTML = "首字符必须为字母";

return;

}else for(var i=0;i

if((oUname.value.charCodeAt(i)<48)||(oUname.value.charCodeAt(i)>57) && (oUname.value.charCodeAt(i)<97)||(oUname.value.charCodeAt(i)>122)){

oError.innerHTML = "必须为字母跟数字组成";

return;

}

if (oUpass.value.length > 20 || oUpass.value.length < 6) {

oError.innerHTML = "密码请输入6-20位字符"

isError = false;

return;

}

window.alert("登录成功")

}

注册界面html代码：

欢迎你，请先登陆！

注册

账号:

密码:

版权信息@

运行结果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

js连接mysql注册界面_js实现登录与注册界面相关推荐

【ASP.NET】VS2015连接SQL Server数据库，实现登录、注册
文章目录 1. 实验目标 2. 难点 3. 问题 3.1 SQL Server 3.2 Demo练习 3.3 编写页面时的错误 4. 总结 5. 页面 6. 主要代码 [ASP.NET]VS2015连 ...
Node.js 连接 MySQL 并进行数据库操作 –node.js 开发指南
Node.js是一套用来编写高性能网络服务器的JavaScript工具包通常在NodeJS开发中我们经常涉及到操作数据库,尤其是 MySQL ,作为应用最为广泛的开源数据库则成为我们的首选,本篇就来 ...
前端到全栈 -- js连接MYSQL数据库
前端到全栈–node.js连接MYSQL数据库前置条件: 安装node环境安装mysql数据库这里建议使用webstorm来写js 1.创建一个文件夹(这里以server为文件夹名举例),在命令 ...
node.js连接MySQL操作及注意事项
node.js作为服务端的js运行环境已经出现了有几年了,最近我有个朋友也在做这方面的开发,但是也是刚刚接触,遇到了很多坑.前几天他们在操作数据库的时候出现了点问题,后来我们一起看了看,其实都是nod ...
Android studio连接MySQL并完成简单的登录注册功能
近期需要完成一个Android项目,那先从与数据库交互最简单的登陆注册开始吧,现记录过程如下: 此篇文章的小demo主要涉及数据库的连接,以及相应信息的查找与插入. 我已将源码上传至GitHub: h ...
关于unity连接MySQL数据库做一个简单的登陆注册系统
这段时间为了大作业,作为一个菜鸟研究了好久的Unity连接数据库,那就整理一下然后写下来当作记录吧. 首先,unity连接MySQL要先在Assets板上创建pluging文件夹再导入一些必要的dll ...
Node.js连接MySQL
将提供的 Websites 表 SQL 文件websites.sql 导入到 MySQL 数据库中. 发现问题: 在本地数据库路径中找到,有:C:\ProgramData\MySQL\MySQL Se ...
egg.js连接mysql数据库遇到的问题
最近在策划写一个博客采用前后端分离模式,前端使用vue后端使用egg.js,我也是刚开始学习egg.js,所以会将自己踩的坑都记录下来. 首先介绍下后端为什么采用egg.js吧,之前我是学习了koa2 ...
2002无法连接mysql阿里云_2002无法登录MySQL服务器
提示:#2000 无法登录 MySQL 服务器今天用本机装了个phpMyAdmin,版本3.4.8,想用它来连一台内网服务器上的Mysql,于是乎修改phpMyAdmin配置文件config.inc. ...

js连接mysql注册界面_js实现登录与注册界面

登陆

注册

js连接mysql注册界面_js实现登录与注册界面相关推荐

最新文章

热门文章