微信注册页面html实现,微信注册.html
*手机号码:
*验证码:
/*-------------------------------------------*/
var InterValObj; //timer变量,控制时间
var count = 60; //间隔函数,1秒执行
var curCount;//当前剩余秒数
var code = ""; //验证码
var codeLength = 6;//验证码长度
function sendMessage() {
curCount = count;
var phone=$("#phone").val();//手机号码
if(phone != ""){
//产生验证码
for (var i = 0; i < codeLength; i++) {
code += parseInt(Math.random() * 9).toString();
}
//设置button效果,开始计时
$("#btnSendCode").attr("disabled", "true");
$("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器,1秒执行一次
//向后台发送处理数据
$.ajax({
type: "POST", //用POST方式传输
dataType: "json", //数据格式:JSON
url: 'http://api.gaopuzn.com/GaopuMp/getyzm', //目标地址
data: "phone=" + phone,
error: function (XMLHttpRequest, textStatus, errorThrown,data) {
if(data.success==0){
$("#status").html("短信验证码发送失败");
}
},
success: function (data){
if(data.success==1){
$("#status").html("短信验证码发送成功");
}
if(data.success==2){
$("#status").html("手机号已被注册");
}
}
});
}else{
alert("手机号码不能为空!");
}
}
function submitInfo() {
var phone=$("#phone").val();//手机号码
var checkCode=$("#checkCode").val();
if(phone != ""&&checkCode != ""){
//向后台发送处理数据
$.ajax({
type: "POST", //用POST方式传输
dataType: "json", //数据格式:JSON
url: 'http://api.gaopuzn.com/GaopuMp/checkyzm', //目标地址
data: {
"phone":phone,
"yzm":checkCode,
"wx_head":'0',
"wx_id":'0',
"city":'0',
"nickname":'0',
"score":0,
"member_id":'0',
"register_type":'0',
},
error: function (XMLHttpRequest, textStatus, errorThrown,data) {
if(data.success==0){
$("#status").html("未知错误");
}
},
success: function (data){
if(data.success==1){
$("#status").html("注册成功");
}
if(data.success==2){
$("#status").html("手机号已被注册");
}
if(data.success==3){
$("#status").html("验证码错误,请重新输入或获取");
}
if(data.success==4){
$("#status").html("验证码失效,请重新获取");
}
}
});
}
else{
alert("手机号码或验证码不能为空!");
}
}
//timer处理函数
function SetRemainTime() {
if (curCount == 0) {
window.clearInterval(InterValObj);//停止计时器
$("#btnSendCode").removeAttr("disabled");//启用按钮
$("#btnSendCode").val("重新发送验证码");
code = ""; //清除验证码。如果不清除,过时间后,输入收到的验证码依然有效
}
else {
curCount--;
$("#btnSendCode").val("请在" + curCount + "秒内输入验证码");
}
}
一键复制
编辑
Web IDE
原始数据
按行查看
历史
微信注册页面html实现,微信注册.html相关推荐
- 堆米微信H5页面怎么制作?易企秀微信H5页面制作,微信简历制作,
现在移动互联网如火如荼,微博过后,微信更是势不可挡.相对于微博的垃圾广告信息泛滥,微信对内容的控制不可谓不严格.当然相对于微博,微信的用户粘性更高,也就是说微信的粉丝价值更高,但是鉴于腾讯对公众号推广 ...
- java web用jsp编写注册页面提交后显示注册成功页面
一.相关功能和步骤 1.编写jsp注册页面(zc.jsp),用户从表格中输入,使用合适的jsp内置对象来处理注册页面访问的次数(每访问一次注册页面次数+1),界面如下: 2.当注册信息填写完后,点击提 ...
- php h5页面微信登录页面,客户端,微信内置浏览器加载H5页面字体变大问题
在开发当中呢,经常会有很多H5的小活动页面,需要在微信的环境下使用.偶尔会出现H5页面在微信或者其他客户端中出现字体变大的问题,下面提供解决方法. 首先先把网页自动放大放小的关掉. 安卓解决微信内置浏 ...
- 微信html5页面开发教程,微信网页开发,如何在H5页面中设置分享的标题,内容以及缩略图...
前言 最近的需求是做一个移动端H5的长屏广告页,最后需要在微信分享的时候修改文案以及带上图片,这个实现起来也不是很复杂. 实现步骤 先绑定域名,先登录微信公众平台进入"公众号设置" ...
- 微信 html页面遮罩层,微信内网页提示浏览器打开代码——遮罩层提示代码实现!...
微信中打开链接时,弹出遮罩提示用户,请点击右上角在浏览器中打开如何实现?经搜集整理并且验证可用后总结出可用版本. 以下是代码部分: 第一步:判断微信的UA. var ua = navigator.us ...
- 企业微信审批页面HTML,企业微信审批模板调用示例及注意事项
这个模板接口牵涉到几种accesstoken需要搞清楚,要不然无法拿到数据. 一.企业管理模式,举两个简单示例 1.获取第三方应用的accesstoken 注:Secret查询位置 https://q ...
- 微信html页面禁止横屏,微信浏览器内禁止页面回退返回
//禁止浏览器回退/返回 XBack = {}; (function (XBack) { XBack.STATE = 'x - back'; XBack.element; XBack.onPopSta ...
- HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
- 使用html,css,javascript进行注册页面的实现
注册页面的实现 功能 实现一个用户注册页面 实现表单校验功能 效果图 实现步骤 1) 创建Resign.html注册页面 核心代码: <!--注册表--> <div id=" ...
最新文章
- [转]手游研发数据专业术语科普 游戏热度跟啥有关
- C/C++ 语言中表达式的求值
- matlab 邻近度 离群点_Matlab基础学习第一弹!干货来啦!
- SpringCloud的版本
- java参数传入泛型类型_Java 泛型(参数化类型)
- Python 列表排序方法reverse、sort、sorted详解
- 《大道至简》第二章 读后感
- hibernate 双向一对多 关联在多端维护
- pycharm cant open file_PyCharm
- 数据可视化【二】HTML+CSS+SVG+D3
- Derangement(AtCoder-3525)
- 批量修改文本文件编码GB18030为UTF-8
- Jsoup爬虫的基本使用
- 单片机C语言步进电机实训报告,单片机实验报告步进电机.doc
- 边缘计算是什么?边缘计算系统的组成及概念
- android系统平板输入法切换,安卓平板电脑怎么样切换输入法?
- centos shell基础 alias 变量单引号 双引号 history 错误重定向 21 jobs 环境变量 .bash_history source配置文件 nohup ...
- Centos7下turn off cpu throttling
- hdu 1859 最小长方形
- 三神器-迭代器、生成器和装饰器
热门文章
- 英特尔 11 代酷睿桌面酷睿 i9-11900K登场
- 正则表达式和re模块
- 谷歌浏览器设置启动页被hao123劫持_win10系统打开chrome主页会被hao123劫持的故障原因及解决方法...
- html点按钮展开图片,案例:点击按钮隐藏图片 再次点击显示图片
- linux替换屏幕保护进程,有没有一个体面的方式来阻止linux中的屏幕保护程序?...
- Android推送的群魔乱舞
- 树莓派搭建pptpd
- linux用什么命令查看ip,Linux中ip命令的使用实例
- (附源码)计算机毕业设计SSM流浪动物救助系统
- 关于学习管理系统 LMS