当前位置:网站首页>后台系统发送验证码功能
后台系统发送验证码功能
2022-07-05 15:26:00 【小蚂蚁hjk】
<div>
<p class="fl">
<input name="phone" type="number" placeholder="手机号" v-model="phone"/>
<button type="button" :disabled="disabled" @click="sendcode" class="btns">{ {btntxt}}</button>
</p>
<p class="fl" style="margin-left: 20px;">
<input type="text" placeholder="验证码"/>
</p>
</div>
<input type="button" value="查询" class="btns search" @click="query"/>
这里是script
里的内容
export default {
data: function () {
return {
disabled:false,
time:0,
btntxt:"获取验证码",
formMess:{
email:this.email,
phone:this.phone
}
}
},
mounted: function () {
},
methods:{
//验证手机号码部分
sendcode(){
var reg=11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/;
//var url="/nptOfficialWebsite/apply/sendSms?mobile="+this.ruleForm.phone;
if(this.phone==''){
alert("请输入手机号码");
}else if(!reg.test(this.phone)){
alert("手机格式不正确");
}else{
this.time=60;
this.disabled=true;
this.timer();
/*axios.post(url).then(
res=>{
this.phonedata=res.data;
})*/
}
},
timer() {
if (this.time > 0) {
this.time--;
this.btntxt=this.time+"s后重新获取";
setTimeout(this.timer, 1000);
} else{
this.time=0;
this.btntxt="获取验证码";
this.disabled=false;
}
},
query(){
var formMess=this.formMess
Axios.post(api+"/order/select/reception", formMess)
.then(function (res) {
if(res.data.code==200){
console.log(res.data.data);
this.productResult=res.data.data;
this.productResult.length=3;
}else if(res.data.code==400){
alert(res.data.message)
}
}.bind(this))
},
//邮箱验证
sendEmail(){
var regEmail=/^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/;
if(this.email==''){
alert("请输入邮箱");
}else if(!regEmail.test(this.email)){
alert("邮箱格式不正确");
}
}
}
}
边栏推荐
- Aike AI frontier promotion (7.5)
- 写单元测试的时候犯的错
- 一文搞定vscode编写go程序
- lv_font_conv离线转换
- 如何将 DevSecOps 引入企业?
- CODING DevSecOps 助力金融企业跑出数字加速度
- 20. [stm32] realize the function of intelligent garbage can by using ultrasonic module and steering gear
- Reproduce ThinkPHP 2 X Arbitrary Code Execution Vulnerability
- lvgl 显示图片示例
- F. Weights assignment for tree edges problem solving Report
猜你喜欢
I spring and autumn blasting-2
【簡記】解决IDE golang 代碼飄紅報錯
The OBD deployment mode of oceanbase Community Edition is installed locally
Explanation report of the explosion
SQL injection sqllabs (basic challenges) 1-10
Intelligent metal detector based on openharmony
MySQL giant pit: update updates should be judged with caution by affecting the number of rows!!!
lv_font_conv离线转换
研发效能度量指标构成及效能度量方法论
Misc Basic test method and knowledge points of CTF
随机推荐
Data communication foundation OSPF Foundation
Bugku telnet
Common PHP interview questions (1) (written PHP interview questions)
vlunhub- BoredHackerBlog Social Network
How difficult is it to pass the certification of Intel Evo 3.0? Yilian technology tells you
Object. defineProperty() - VS - new Proxy()
复现Thinkphp 2.x 任意代码执行漏洞
18.[stm32] read the ROM of DS18B20 temperature sensor and realize multi-point temperature measurement
F. Weights assignment for tree edges problem solving Report
RepLKNet:不是大卷积不好,而是卷积不够大,31x31卷积了解一下 | CVPR 2022
Codasip为RISC-V处理器系列增加Veridify安全启动功能
vant tabbar遮挡内容的解决方式
项目中批量update
17. [stm32] use only three wires to drive LCD1602 LCD
Virtual base class (a little difficult)
Data communication foundation NAT network address translation
21. [STM32] I don't understand the I2C protocol. Dig deep into the sequence diagram to help you write the underlying driver
16. [stm32] starting from the principle, I will show you the DS18B20 temperature sensor - four digit digital tube displays the temperature
2.3 learning content
Value series solution report