摘要:頁面展示如圖手機號驗證碼查詢這里是里的內(nèi)容獲取驗證碼驗證手機號碼部分請輸入手機號碼手機格式不正確后重新獲取獲取驗證碼郵箱驗證請輸入郵箱郵箱格式不正確
今天寫了一個簡單的驗證,本來前面用的組件,但是感覺寫的組件在此項目不是很好用,由于用到的地方比較少,所以直接寫在了頁面中。頁面展示如圖
</>復(fù)制代碼
這里是script里的內(nèi)容
</>復(fù)制代碼
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("郵箱格式不正確");
}
}
}
}
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/89403.html
摘要:頁面展示如圖手機號驗證碼查詢這里是里的內(nèi)容獲取驗證碼驗證手機號碼部分請輸入手機號碼手機格式不正確后重新獲取獲取驗證碼郵箱驗證請輸入郵箱郵箱格式不正確 今天寫了一個簡單的驗證,本來前面用的組件,但是感覺寫的組件在此項目不是很好用,由于用到的地方比較少,所以直接寫在了頁面中。頁面展示如圖 showImg(https://segmentfault.com/img/bVXFwB?w=984&h...
摘要:創(chuàng)建項目安裝本文中使用的版本為在中引入例子第一個測試?yán)域炞C通過更多配置請參考官網(wǎng)我們只是用些常用配置和常用的驗證中文配置全局配置這樣就可以使用中文提示了自定義錯誤提示昵稱不得為空寫法昵稱不得小于個字符 創(chuàng)建vue項目: vue init webpack vee cd ./vee npm run dev # or yarn run dev 安裝 VeeValidate npm...
摘要:數(shù)據(jù)加密是否可以防止重放攻擊否,加密可以有效防止明文數(shù)據(jù)被監(jiān)聽,但是卻防止不了重放攻擊。防重放機制我們在設(shè)計接口的時候,最怕一個接口被用戶截取用于重放攻擊。這樣,這個請求即使被截取了,你也只能在內(nèi)進(jìn)行重放攻擊。 HTTPS數(shù)據(jù)加密是否可以防止重放攻擊? 否,加密可以有效防止明文數(shù)據(jù)被監(jiān)聽,但是卻防止不了重放攻擊。 防重放機制 我們在設(shè)計接口的時候,最怕一個接口被用戶截取用于重放攻擊。重...
閱讀 2703·2021-09-26 10:19
閱讀 2143·2021-09-24 10:27
閱讀 2527·2021-09-01 10:42
閱讀 2308·2019-08-29 16:09
閱讀 2491·2019-08-29 15:17
閱讀 1452·2019-08-29 15:09
閱讀 640·2019-08-29 11:14
閱讀 2307·2019-08-26 13:25