Document

*手机号码:

*验证码:

/*-------------------------------------------*/

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相关推荐

  1. 堆米微信H5页面怎么制作?易企秀微信H5页面制作,微信简历制作,

    现在移动互联网如火如荼,微博过后,微信更是势不可挡.相对于微博的垃圾广告信息泛滥,微信对内容的控制不可谓不严格.当然相对于微博,微信的用户粘性更高,也就是说微信的粉丝价值更高,但是鉴于腾讯对公众号推广 ...

  2. java web用jsp编写注册页面提交后显示注册成功页面

    一.相关功能和步骤 1.编写jsp注册页面(zc.jsp),用户从表格中输入,使用合适的jsp内置对象来处理注册页面访问的次数(每访问一次注册页面次数+1),界面如下: 2.当注册信息填写完后,点击提 ...

  3. php h5页面微信登录页面,客户端,微信内置浏览器加载H5页面字体变大问题

    在开发当中呢,经常会有很多H5的小活动页面,需要在微信的环境下使用.偶尔会出现H5页面在微信或者其他客户端中出现字体变大的问题,下面提供解决方法. 首先先把网页自动放大放小的关掉. 安卓解决微信内置浏 ...

  4. 微信html5页面开发教程,微信网页开发,如何在H5页面中设置分享的标题,内容以及缩略图...

    前言 最近的需求是做一个移动端H5的长屏广告页,最后需要在微信分享的时候修改文案以及带上图片,这个实现起来也不是很复杂. 实现步骤 先绑定域名,先登录微信公众平台进入"公众号设置" ...

  5. 微信 html页面遮罩层,微信内网页提示浏览器打开代码——遮罩层提示代码实现!...

    微信中打开链接时,弹出遮罩提示用户,请点击右上角在浏览器中打开如何实现?经搜集整理并且验证可用后总结出可用版本. 以下是代码部分: 第一步:判断微信的UA. var ua = navigator.us ...

  6. 企业微信审批页面HTML,企业微信审批模板调用示例及注意事项

    这个模板接口牵涉到几种accesstoken需要搞清楚,要不然无法拿到数据. 一.企业管理模式,举两个简单示例 1.获取第三方应用的accesstoken 注:Secret查询位置 https://q ...

  7. 微信html页面禁止横屏,微信浏览器内禁止页面回退返回

    //禁止浏览器回退/返回 XBack = {}; (function (XBack) { XBack.STATE = 'x - back'; XBack.element; XBack.onPopSta ...

  8. HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】

    w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...

  9. 使用html,css,javascript进行注册页面的实现

    注册页面的实现 功能 实现一个用户注册页面 实现表单校验功能 效果图 实现步骤 1) 创建Resign.html注册页面 核心代码: <!--注册表--> <div id=" ...

最新文章

  1. [转]手游研发数据专业术语科普 游戏热度跟啥有关
  2. C/C++ 语言中表达式的求值
  3. matlab 邻近度 离群点_Matlab基础学习第一弹!干货来啦!
  4. SpringCloud的版本
  5. java参数传入泛型类型_Java 泛型(参数化类型)
  6. Python 列表排序方法reverse、sort、sorted详解
  7. 《大道至简》第二章 读后感
  8. hibernate 双向一对多 关联在多端维护
  9. pycharm cant open file_PyCharm
  10. 数据可视化【二】HTML+CSS+SVG+D3
  11. Derangement(AtCoder-3525)
  12. 批量修改文本文件编码GB18030为UTF-8
  13. Jsoup爬虫的基本使用
  14. 单片机C语言步进电机实训报告,单片机实验报告步进电机.doc
  15. 边缘计算是什么?边缘计算系统的组成及概念
  16. android系统平板输入法切换,安卓平板电脑怎么样切换输入法?
  17. centos shell基础 alias 变量单引号 双引号 history 错误重定向 21 jobs 环境变量 .bash_history source配置文件 nohup ...
  18. Centos7下turn off cpu throttling
  19. hdu 1859 最小长方形
  20. 三神器-迭代器、生成器和装饰器

热门文章

  1. 英特尔 11 代酷睿桌面酷睿 i9-11900K登场
  2. 正则表达式和re模块
  3. 谷歌浏览器设置启动页被hao123劫持_win10系统打开chrome主页会被hao123劫持的故障原因及解决方法...
  4. html点按钮展开图片,案例:点击按钮隐藏图片 再次点击显示图片
  5. linux替换屏幕保护进程,有没有一个体面的方式来阻止linux中的屏幕保护程序?...
  6. Android推送的群魔乱舞
  7. 树莓派搭建pptpd
  8. linux用什么命令查看ip,Linux中ip命令的使用实例
  9. (附源码)计算机毕业设计SSM流浪动物救助系统
  10. 关于学习管理系统 LMS