导入JQ库：

<!DOCTYPE html>
<html style="background-color: burlywood;"><head><meta charset="UTF-8"><title></title><script src="js/jquery-1.12.4.js"></script><h1> 欢迎来到天上人家购票系统</h1><h2>请注册</h2> 手机号：<input type="text" id="in1" /><span id="sp1"></span><br /> 验证码：<input type="text" id="in2" /><span id="sp2"></span><br/><button id="btn">获取验证码</button><span id="btspan"></span><br /><!--<button id="btn2" > 注册</button>--><button id="btn3" > 登录</button></head><body><script>//验证手机号码$("#in1").blur(function() {var in1 = $("#in1").val();var reg = /^1[3-9][0-9]{9}$/;var flag = (reg.test(in1)) //字符串匹配规则//in1.match(reg)$("#sp1").html(flag)if(flag == true) {$("#sp1").html("<font color='green' >√</font>")} else {$("#sp1").html("<font color='red'>×</font>")}})//获取验证码$("#btn").click(function() {var in1 = $("#in1").val()var reg = /^1[3-9][0-9]{9}$/;var flag = (reg.test(in1)) //字符串匹配规则//in1.match(reg)if(flag == true) {var aa = Math.random().toString().substr(2, 4);console.log(aa)$("#btspan").html("验证码" + aa) //alert("验证码"+aa)} else {$("#btspan").html("<font color='red'>无法获取</font>")}//登录$("#btn3").click(function() {var in1 = $("#in1").val()var reg = /^1[3-9][0-9]{9}$/;var flag = (reg.test(in1)) //字符串匹配规则//in1.match(reg)//var aa=Math.random().toString().substr(2,4);var in2 = $("#in2").val();//console.log(aa)//判断验证码是否一致if(flag == true && in2 == aa) {$("#sp2").html("<font color='green'>√</font>")alert("登录成功")open("http://www.7k7k.com")} else {$("#sp2").html("<font color='red'>输入验证码有误</font>")}})})</script></body></html>

简答实现登录注册（需要导入JQ库）相关推荐

cookie——登录注册极简版
本实例旨在最直观地说明如何利用cookie完成登录注册功能,忽略正则验证. index.html <!doctype html> <html lang="en"& ...
Python Socket联机自动匹配双人五子棋（含登录注册系统与界面，数据库连接，可作结课作业，可用于学习）
1.前言首先,关于源码的获取,本人提供了三种方式: 直接从文章里面Ctrl+C,Ctrl+V,然后按照我已给的文件结构搞一下即可: 通过积分下载上传到CSDN的资源: 点开本人的主页,点击" ...
谷粒学院 Day12.登录页面模式、整合JWT、整合QQ邮箱、用户登录注册接口【后端】、用户登录注册【前端】
项目结构: 配置文件 application.properties配置类 spring.jackson.time-zone=GMT+8# nacos注册中心 spring.cloud.nacos.di ...
百思不得姐第3天：登录注册界面搭建
一:登录注册的界面效果如图二:界面的搭建 1:登陆界面一般都是moda的模式:新建控制器,勾选xib,则系统会自动关联类,并且自动连线关联view(若是后创建的控制器的xib,则类名相同,关联类,在 ...
尚硅谷在线教育十一：登录注册业务
文章目录 1. 用户登录业务介绍 1.1 单一服务器模式登录 1.2 单点登录 1.3 单点登录的常用三种方式 1.3.1. session广播机制实现 1.3.2 使用cookie+redis实现 ...
登录注册模块设计构思
http://www.jianshu.com/p/9c92aa5b262b 在互联网世界,用户是一切,如果用户都只是匆匆过客那么很难在产品中形成固定的用户群,在用户行为统计上也很难形成有价值的数据,如 ...
Android期末复习篇_传智课后习题以及答案（选择、填空、判断、简答、编码题）
写在前面此为移动应用开发传智课后习题及答案,供期末复习使用,注意答案仅供参考加粗题目为强调题型涉及:选择.判断.填空.简答.编程题另8章习题及答案汇总:Android期末复习篇_8章节练习题 ...
注册登录案例用MVC和mysql_用MVC模式实现简单用户登录注册功能
Model2模式 Jsp+Servlet+JavaBean MVC:开发模式 M:Model 模型层 ----> JavaBean V:View 视图层 ----> Jsp C:Contr ...
基于Servlet+JSP+JavaBean开发模式的用户登录注册
基于Servlet+JSP+JavaBean开发模式的用户登录注册一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复 ...

简答实现登录注册（需要导入JQ库）

导入JQ库：

简答实现登录注册（需要导入JQ库）相关推荐

最新文章

热门文章