vue 之手机号验证、正则验证手机号是否正确、手机号验证码信息弹窗_vue中用手机号获取验证码后,怎么校验输入的验证码是短信发送的验证码-程序员宅基地
技术标签： VUE
vue 之手机号验证、正则验证手机号是否正确
项目介绍：
首先 项目是为了获取用户手机号码，其次 验证手机号后才可评论也是为了不让用户乱评论；
2.
填写评论后，弹出提交手机号、验证码弹窗；填写手机号后获取验证码，输入验证码正确后，才可提交评论；
// 1.判断评论内容不为空，出验证手机号弹窗；
posttijiao () {
if (this.plcontent == "") {
Message({
message: "评论不能为空",
type: "warning",
duration: 5 * 1000
});
} else if (this.lpdptel == "") {
this.islpdp = true;
//this.tiptan(4);
}
},
//1.验证手机号 正则判断为正确的手机号才发送验证请求；
codetap () {
if (!/^1[34578]\d{9}$/.test(this.lpdptel)) {
Message({
message: "请填写正确的手机号",
type: "warning",
duration: 5 * 1000
});
} else {
const params = {
mobile: this.lpdptel
};
sendCode(params).then(res => {
console.log(res);
if (res.msg == "发送成功!") {
Message({
message: "发送成功!",
type: "warning",
duration: 5 * 1000
});
}
});
}
},
//3.最后提交评论 判断手机号正确 验证码不为空 提交评论；
getloupanpinglun () {
if (this.ison) {
if (!/^1[34578]\d{9}$/.test(this.lpdptel)) {
Message({
message: "请填写正确的手机号",
type: "warning",
duration: 5 * 1000
});
} else if (this.code == "") {
Message({
message: "请填写验证码",
type智能推荐
Swagger中的注解对应的springdoc-openapi-ui中的注解_springdoc注解-程序员宅基地
文章浏览阅读3.9k次。swagger是我们开发过程中非常常用的一个api 文档维护组织吗，为了前后端更好的交互，swagger早已经成为了大家的首选api 文档框架。但随着spring的发展与强大，spring也出了自己的api框架，但实用惯了swagger的用户，在切换过来后发现就不太会用了，其实springdoc本身已经集成并兼容了swagger,但对应的注解有所变化。下面我们就来看看swagger的注解在springdoc中的对应关系。springdoc的maven依赖 <dependency> _springdoc注解
openlayes 3 点选，圈选，多边形选实现_opnelayes中的circle配置-程序员宅基地
文章浏览阅读606次。版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u014529917/article/details/77504779 &nbsp; &nbsp;点选、圈选、多边形选择也是地图中比较基础的功能了，只是一直没有需求，最近两天把这个功能从页面到功能完整..._opnelayes中的circle配置
matplotlib常用的的刻度定位器locator总结_ax.xaxis.set_major_locator-程序员宅基地
文章浏览阅读1.2w次，点赞12次，收藏67次。在使用matplotlib绘制图时，发现默认生成的刻度的位置总是不令人满意，这时候我们可以使用locator来设定刻度位置。_ax.xaxis.set_major_locator
sprinboot 整合 elasticsearch实现各种查询：高亮查询、termQuery、rangeQuery、matchQuery、multiMatchQuery、分页查询_multimatchquerybuilder rangequery-程序员宅基地
文章浏览阅读1.1k次。参考文章：sprinboot 整合 elasticsearch实现各种查询：高亮查询、termQuery、rangeQuery、matchQuery、multiMatchQuery、分页查询注意：本文使用 Springboot 2.4.3,、elasticsearchRestTemplate，elasticsearch使用的是 7.9.3主要是学习使用 ElasticsearchRestTemplate 的 API，termQuery、matchQuery、rangeQuery、._multimatchquerybuilder rangequery
数据结构_串_串的模式匹配_KMP/BF_数据结构串的模式匹配指针回溯-程序员宅基地
文章浏览阅读821次，点赞2次，收藏8次。数据结构_串_串的模式匹配_KMP/BF_数据结构串的模式匹配指针回溯
基于鸢尾花（iris）数据集的逻辑回归分类实践_鸢尾花分类_基于鸢尾花(iris)数据集的逻辑回归分类实践-程序员宅基地
文章浏览阅读959次。基于鸢尾花（iris）数据集的逻辑回归分类实践 在实践的最开始，我们首先需要导入一些基础的函数库包括：numpy （Python进行科学计算的基础软件包），pandas（pandas是一种快速，强大，灵活且易于使用的开源数据分析和处理工具），matplotlib和seaborn绘图。 Step1:库函数导入## 基础函数库#numpy-数组函数库import numpy as np #pandas数据分析库import pandas as pd## 绘图函数库im_鸢尾花分类_基于鸢尾花(iris)数据集的逻辑回归分类实践
随便推点
我做了3道简单的字符串解码，谜底是我的联系方式（真的）_%e4%bd%a0%e5%a5%bd%e6%88%91%e6%98%af%e4%bd%a0%e7%8-程序员宅基地
文章浏览阅读4.4w次。第一题：%e5%a6%82%e6%9e%9c%e4%bd%a0%e8%83%bd%e7%9c%8b%e5%be%97%e5%88%b0%e8%bf%99%e6%ae%b5%e8%af%9d%ef%bc%8c%e8%af%b4%e6%98%8e%e4%bd%a0%e5%b7%b2%e7%bb%8f%e7%8c%9c%e5%88%b0%e4%ba%86%e7%ac%ac%e4%b8%80%e9%a2%98%e7%9a%84%e8%b0%9c%e5%ba%95%ef%bc%8c%e5%be%88%e7%ae%8_%e4%bd%a0%e5%a5%bd%e6%88%91%e6%98%af%e4%bd%a0%e7%88%b9解密,
一个C语言初学者写一个查找替换程序的历程_编写一个程序replace,采用命令行的方式,用给定的字符串替换指定文件中的目标字符-程序员宅基地
文章浏览阅读2.8k次，点赞3次，收藏4次。本人大一，正式接触C语言刚刚三个月_编写一个程序replace,采用命令行的方式,用给定的字符串替换指定文件中的目标字符
AR 技术介绍-程序员宅基地
文章浏览阅读2.2k次。增强现实（Augmented Reality，简称AR）是一种将虚拟世界的数字信息与真实世界相结合的技术。通过在现实场景中叠加虚拟的图像、声音、视频等内容，AR创造了一种增强的视听体验。_ar
maven 依赖 war包问题_maven war包依赖war包-程序员宅基地
文章浏览阅读1.6k次。1. maven中配置依赖war包配置war包插件 org.apache.maven.plugins maven-war-plugin 2.6 _maven war包依赖war包
用JS 输出 倒三角形_js倒三角-程序员宅基地
文章浏览阅读4.7k次，点赞3次，收藏15次。效果图以下是代码及 每行代码解释，仅供参考。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi..._js倒三角
java-net-php-python-jsp大学生兼职雇佣系统计算机毕业设计程序-程序员宅基地
文章浏览阅读99次。springboot基于springboot的家居销售网站。springboot基于vue的百乐儿童玩具公司管理系统。springboot晨曦文学社在线投稿系统的设计与实现。springboot物流车辆规费管理系统的设计与实现。springboot校园课室资源预约系统设计与实现。ssm基于SSM高校教师个人主页网站的设计与实现。ssm基于Vue和mysql的智能图书管理系统。springboot编程训练系统设计与实现。ssm基于ssm的电子配件公司仓库管理系统。springboot点餐系统的设计与实现。