vue中手机号,邮箱正则验证以及60s发送验证码的实例

vue中手机号,邮箱正则验证以及60s发送验证码的实例

今天写了一个简单的验证，本来前面用的组件，但是感觉写的组件在此项目不是很好用，由于用到的地方比较少，所以直接写在了页面中。

{{btntxt}}

这里是script里的内容

export default {

data: function () {

return {

disabled:false,

SaKEKaBhws 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=>{

SaKEKaBhws 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-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;

if(this.email==''){

alert("请输入邮箱");

}else if(!regEmail.test(this.email)){

alert("邮箱格式不正确");

}

}

}

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。