手机号码短信验证注册

手机号码短信验证

我用的是id编辑器开发
用的技术是ssm

去互亿无线注册一个账号获取手机短信验证
下载一个短信验证的api文档打开里面的java/http_post/lib四个插件和java/http_post/src里面的工具类
后端代码如下`

 3. private static String Url = "http://106.ihuyi.com/webservice/sms.php?method=Submit";public static void main(String [] args) {HttpClient client = new HttpClient(); PostMethod method = new PostMethod(Url);client.getParams().setContentCharset("GBK");method.setRequestHeader("ContentType","application/x-www-form-urlencoded;charset=GBK");int mobile_code = (int)((Math.random()*9+1)*100000);String content = new String("您的验证码是：" + mobile_code + "。请不要把验证码泄露给其他人。");NameValuePair[] data = {//提交短信new NameValuePair("account", "用户名"), //查看用户名 登录用户中心->验证码通知短信>产品总览->API接口信息->APIIDnew NameValuePair("password", "密码"), //查看密码 登录用户中心->验证码通知短信>产品总览->API接口信息->APIKEY//new NameValuePair("password", util.StringUtil.MD5Encode("密码")),new NameValuePair("mobile", "手机号码"), new NameValuePair("content", content),};method.setRequestBody(data);try {client.executeMethod(method);String SubmitResult =method.getResponseBodyAsString();//System.out.println(SubmitResult);Document doc = DocumentHelper.parseText(SubmitResult);Element root = doc.getRootElement();String code = root.elementText("code");String msg = root.elementText("msg");String smsid = root.elementText("smsid");System.out.println(code);System.out.println(msg);System.out.println(smsid);if("2".equals(code)){System.out.println("短信提交成功");}} catch (HttpException e) {// TODO Auto-generated catch blocke.printStackTrace();} catch (IOException e) {// TODO Auto-generated catch blocke.printStackTrace();} catch (DocumentException e) {// TODO Auto-generated catch blocke.printStackTrace();}

前端代码

 2. <template><div><el-form :rules="rules" ref="form" :model="form" class="login-container" label-position="left" label-width="0px"><h1 class="title">用户注册</h1><el-form-item prop="usrName"><el-input placeholder="请输入账号" v-model="usrName"></el-input></el-form-item><el-form-item prop="usrPassword"><el-input type="password" show-password="true" placeholder="请输入密码" v-model="usrPassword"></el-input></el-form-item><el-form-item prop="usrNumber"><el-input placeholder="请输入手机号码" v-model="usrNumber"></el-input></el-form-item><el-form-item><el-input placeholder="请输入验证码" v-model="yzm" style="width: 100px;"></el-input><el-button @click="send()">发送验证码</el-button></el-form-item><el-form-item><el-button type="success" round class="login-wrap" @click="dosubmit">确定</el-button></el-form-item><div align="center"><router-link to="/login">已有账号？马上登录</router-link></div></el-form></div>
</template><script>export default {data() {return {usrName: "",usrPassword: '',usrNumber: '',type: 'success',newyzm: '',yzm: '',rules: {usrName:[{required: true,message: '请输入账号',trigger: 'blur'},{min: 2,max: 10,message: '长度在 0到 11 个字符',trigger: 'blur'},],usrPassword:[{required: true,message: '请输入密码',trigger: 'blur'},],usrNumber: [{required: true,message: '请输入手机号',trigger: 'blur'},{min: 0,max: 11,message: '长度在 0到 11 个字符',trigger: 'blur'},{pattern: /^1[3|4|5|7|8|9][0-9]\d{8}$/,message: '电话格式有误！',trigger: 'blur'}]},}},methods: {验证码的接收send: function() {this.axios.post(this.axios.urls.SYS_USER_yzm, {phone: this.usrNumber}).then((resp) => {if (resp.data != null) {this.$message.success("发送成功");进行赋值this.newyzm = resp.data;}})},dosubmit: function() {var form = {usrName: this.usrName,usrPassword: this.usrPassword,usrNumber: this.usrNumber}// var url="http://localhost:8080/ssh01/user/useraction_load.action?username=zs&password:123";// var url=this.axios.default.SERVER+this.axios.default.SYS_USER_DOLOGINlet url = this.axios.urls.SERVER + this.axios.urls.SYS_USER_REG;/* this.axios.get(url,{params:{username:"zs",password:"123"}}).then(function(data){console.log(data)}) */进行判断验证码是否相同，如果相同就注册if (this.newyzm == this.yzm) {this.axios.post(url, form).then((resp) => {if ("注册成功" == resp.data.msg) {this.$message({showClose: true,message: resp.data.msg,type: 'success'});this.$router.replace("/");} else {this.$message.error(resp.data.msg)}})} else {this.$message.error("验证码有误");}}}}
</script><style>.login-wrap {box-sizing: border-box;width: 100%;height: 100%;/* padding-top: 10%; */background-repeat: no-repeat;background-position: center right;background-size: 100%;}.login-container {border-radius: 10px;margin: 0px auto;width: 350px;padding: 30px 35px 15px 35px;background: #fff;border: 1px solid #eaeaea;text-align: left;box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.1);background-color: #42B983;margin-top: 5%;}.title {margin: 0px auto 40px auto;text-align: center;color: #505458;}
</style>

手机号码短信验证注册相关推荐

简单实现短信验证注册功能
短信验证注册短信验证码发送操作逻辑: 1>点击获取验证码按钮发送短信到注册那个手机号码上 2>注册手机收到短信验证码,并输入 3>低级注册携带短信验证码,判断验证码是否 ...
java实现阿里云短信验证注册--详细教程
java实现阿里云短信验证注册–详细教程 .项目中先引入依赖 <dependency><groupId>com.aliyun</gr ...
laravel 整合云之讯短信验证注册
SDK下载地址: http://docs.ucpaas.com/doku.php?id=sms_sdk 首先把 Ucpaas.class.php文件放在根目录app/common/sms/lib/下 ...
短信验证注册，一个完整而优雅的JAVA后端实现
1.用户输入手机号获取验证码开始. 说明一下,如果需要在获取手机号验证码之前进行一个图片滑块校验,参看前一篇博文 1.1前端获取数据封装类 @Data public class NoteDTO ext ...
vue通过发送手机号码短信验证登录
<template><div class="get-mobile" @touchmove.prevent><div class="main& ...
php手机号码一分钟发送一次短信_如何实现php手机短信验证功能
现在网站在建设网站时为了保证用户信息的真实性,往往会选择发短信给用户手机发验证码信息,只有通过验证的用户才可以注册,这样保证了用户的联系信息资料的100%的准确性 .今天笔者就跟大家分享一下如何实现p ...
php中短信验证大致流程,实现php手机短信验证功能的基本思路
现在很多网站为了避免用户烂注册,都在注册环节添加有手机短信验证功能,用户注册时需要短信验证码才可以,那么这种手机短信验证功能是如何实现的呢?其基本思路是什么呢?下面乐信小编就来为大家介绍下: 实现手机 ...
使用阿里云短信验证码API发送短信验证码(配置,获取短信验证码,注册,登录,密码重置)
获取阿里云短信验证码需要的配置信息. 如果是新用户,可以免费领取3个月,老用户的话就只能购买了,但是也不贵. 申请短信签名申请短信模板编写发送短信验证码的工具类代码中我已经进行了详细的注释,也写 ...
springboot中实现短信验证（从零开始、腾讯云）
前言最近由于毕业设计需要,打算使用短信验证注册和登录,所以特地查了一下一些常用的短信验证接口:阿里云.腾讯云.由于阿里云审核过于麻烦,所以使用了腾讯云,注册个公众号就可以啦! 第一步:注册公众号 1 ...
短信验证（手机号注册，绑定手机号获取验证码）
今天写一个常见的功能--手机app中注册或绑定手机号的获取验证码的功能.也就是短信验证功能具体效果就是,你在注册界面填写手机号,点击获取验证码按钮,---然后会收到验证短信,填入验证码后点击注册按钮 ...

手机号码短信验证注册

手机号码短信验证

手机号码短信验证注册相关推荐

最新文章

热门文章