h5手机页面注册处理(短信验证)

Posted xinheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5手机页面注册处理(短信验证)相关的知识,希望对你有一定的参考价值。

//获取验证码
		var wait = 60;
		function time(o) {
			if(wait == 0) {
				o.removeAttribute("disabled");
				o.value = "获取验证码";
				wait = 60;
			} else {
				o.setAttribute("disabled", true);
				o.value = "重新发送(" + wait + ")";
				o.style.backgroundColor = ‘‘;
				wait--;
				setTimeout(function() {
						time(o)
				},
					1000)
			}
		}
		$("#btn").click(function() {
			var phone1 = $("#phone1").val();
			if(phone1.length == 11) {
				time(this);
				var json = {
					phone:phone1
				}
				var param = {
					form:JSON.stringify(json)
				}
				$.ajax({
					url: "https://ttcf.cheleu.com/api/h5sms.do",
					type: ‘post‘,
					dataType: "json",
					data:param,
					success: function(data) {
						mui.toast("验证码已发送,请注意查收。");
					}
				});
			}else {
				mui.toast("请输入正确的手机号");
			}
		})
		//点击确定按钮、
		$(".determine").click(function(){
			var phone1 = $("#phone1").val();
			var code = $("#code").val();
			if(phone1 == ‘‘){
				mui.toast("请输入正确的手机号!");
			}else if(code==‘‘ || code.length !=4 || code == undefined){
				mui.toast("请输入正确的验证码!");
				return
			}
			var json = {
				phone:phone1,
				code:code,
				type:4,
				spare1:teil,
			}
			var param = {
				form:JSON.stringify(json)
			}
				$.ajax({
					url: "https://ttcf.cheleu.com/api/user/shareRegister.do",
					type: ‘post‘,
					dataType: "json",
					data:param,
					success: function(data) {
						if(data.result==0){
							window.location.href="AppDownload.html"
						}else {
							mui.toast("请输入正确的验证码!");
							return
						}
					},
				});
		})

  

以上是关于h5手机页面注册处理(短信验证)的主要内容,如果未能解决你的问题,请参考以下文章

路飞项目搭建3 TODO注释, 自定义模态框, vue-cookies操作浏览器cookies, 腾讯云短信开发, 代码(登录注册页面,多方式登录,手机是否存在验证接口,腾讯短信开发)

Web项目中手机注册短信验证码实现的全流程及代码

使用HttpClient短信网关接口实现手机号验证码注册

java实现发送短信验证功能

为啥,我注册软件时没有收到验证码呢?

短信验证(手机号注册,绑定手机号获取验证码)