【webrtc0419 注册功能】

通过WebRtc搭建了自己的网站，实现了注册功能。
注册界面regist.js源码

"use strict"var unameIpt = document.querySelector("input#uname");
var pwdIpt = document.querySelector("input#pwd");
var ppwdIpt = document.querySelector("input#ppwd");
var backBtn = document.querySelector("button#back");
var registBtn = document.querySelector("button#regist");
var socket = null;
function start(){socket = io.connect();  //带上括号socket.on("servererr", ()=>{alert("服务器操作失败，请联系管理员");});socket.on("samename", ()=>{alert("该召唤师名已被注册");});socket.on("registok", ()=>{alert("注册成功");goback();});}
start();
function regist(){var uname = unameIpt.value.trim();var pwd = pwdIpt.value.trim();var ppwd = ppwdIpt.value.trim();if (uname === "" || pwd === "" || ppwd === "" || pwd !== ppwd) {alert("请输入用户名，并输入两次相同的密码。");return;}var secpwd = hex_md5(pwd);socket.emit("regist", uname, secpwd);//都是明文密码，不安全，需要加密，数据库中也是加密后的密码，比如说银行就是这样}
function goback(){history.back();
}
backBtn.onclick = goback;
registBtn.onclick = regist;

注册界面regist.html源码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>WebRtc.regiset</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 引入 Bootstrap --><link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<ul class="breadcrumb"><li><a href="index.html">登录</a></li><li><a href="#">注册</a></li>
</ul><div align="center"><h1>欢迎来到注册界面</h1><table><tr><td align="right"><lable>用户名:</lable></td><td><input id = "uname"></td></tr><tr><td align="right"><lable>密码:</lable></td><td><input id = "pwd" type="password"></td></tr><tr><td align="right"><lable>再次确认:</lable></td><td><input id = "ppwd" type="password"></td></tr><tr><td></td><td align="right"><button id = "regist">注册</button><button id = "back">返回</button></td></tr></table></div><script src = "js/md5.js"></script><script src = "js/socket.io.js"></script><script src = "js/regist.js"></script><!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --><script src="https://code.jquery.com/jquery.js"></script><!-- 包括所有已编译的插件 --><script src="js/bootstrap.min.js"></script>
</body>
</html>

【webrtc0419 注册功能】相关推荐

java实现用户登录注册功能(用集合框架来实现)
需求:实现用户登录注册功能(用集合框架来实现) 分析: A:需求的类和接口 1.用户类 UserBean 2.用户操作方法接口和实现类 UserDao UserDaoImpl 3.测试类 UserTe ...
WordPress添加前台注册功能
一.添加注册表单 1.首先在当前主题的目录下新建一个php文件,命名为reg-page.php,然后将page.php中的所有代码复制到reg-page.php中: 2.删除reg-page.php开 ...
注册登录案例用MVC和mysql_用MVC模式实现简单用户登录注册功能
Model2模式 Jsp+Servlet+JavaBean MVC:开发模式 M:Model 模型层 ----> JavaBean V:View 视图层 ----> Jsp C:Contr ...
用java数组模拟登录和注册功能
package com.linkage.login; import java.util.Scanner; public class user { // 存储用户名和密码 public static S ...
java注册用户代码_java用户管理注册功能含前后台代码
本文实例为大家分享了java用户注册功能,供大家参考,具体内容如下主页面: 浏览器显示: 代码实现: 用户信息管理用户注册: 姓名: 密码: 查看所有用户注册功能: 浏览器显示: 1)注册成功: ...
Flask实战2问答平台-完成登录注册功能
本来可以提前完成这篇的,结果测试时发现了一些问题,稍后将会提到. 上篇中我们已经完成了登录注册的界面,现在具体完成其具体功能. 1.注册功能因为注册成功后,才能登录,我们在主py文件中添加如下 @a ...
node mysql登录注册_图解NodeJS实现登录注册功能
该Demo根据菜鸟教程的练手项目,请提前到菜鸟教程的官网查看nodejs的相关教程,根据教程实际操作一遍,然后自己动手去实现登录.注册功能,此Demo只作参考,不符合前端相关规范. 使用的技术栈 no ...
JavaWeb黑马旅游网-学习笔记02【注册功能】
Java后端学习路线笔记汇总表[黑马程序员] JavaWeb黑马旅游网-学习笔记01[准备工作] JavaWeb黑马旅游网-学习笔记02[注册功能] JavaWeb黑马旅游网-学习笔记03[登陆和 ...
web前端技术分享：管理系统全栈项目之注册功能
这篇文章小千简单给同学们介绍一个网站注册功能的项目和代码,因代码放入网页中会乱码所以以图片的形式加入. 开发流程: 1.先将页面的HTML+CSS做好,我们先看到页面效果 2.当我们点击我们的超链接的 ...

【webrtc0419 注册功能】

【webrtc0419 注册功能】相关推荐

最新文章

热门文章