資訊專欄INFORMATION COLUMN
摘要：頁面展示如圖手機(jī)號驗(yàn)證碼查詢這里是里的內(nèi)容獲取驗(yàn)證碼驗(yàn)證手機(jī)號碼部分請輸入手機(jī)號碼手機(jī)格式不正確后重新獲取獲取驗(yàn)證碼郵箱驗(yàn)證請輸入郵箱郵箱格式不正確
今天寫了一個(gè)簡單的驗(yàn)證，本來前面用的組件，但是感覺寫的組件在此項(xiàng)目不是很好用，由于用到的地方比較少，所以直接寫在了頁面中。頁面展示如圖
這里是script里的內(nèi)容
export default {
data: function () {
return {
disabled:false,
time:0,
btntxt:"獲取驗(yàn)證碼",
formMess:{
email:this.email,
phone:this.phone
}
}
},
mounted: function () {
},
methods:{
//驗(yàn)證手機(jī)號碼部分
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("請輸入手機(jī)號碼");
}else if(!reg.test(this.phone)){
alert("手機(jī)格式不正確");
}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="獲取驗(yàn)證碼";
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))
},
//郵箱驗(yàn)證
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://systransis.cn/yun/51448.html
摘要：頁面展示如圖手機(jī)號驗(yàn)證碼查詢這里是里的內(nèi)容獲取驗(yàn)證碼驗(yàn)證手機(jī)號碼部分請輸入手機(jī)號碼手機(jī)格式不正確后重新獲取獲取驗(yàn)證碼郵箱驗(yàn)證請輸入郵箱郵箱格式不正確 今天寫了一個(gè)簡單的驗(yàn)證，本來前面用的組件，但是感覺寫的組件在此項(xiàng)目不是很好用，由于用到的地方比較少，所以直接寫在了頁面中。頁面展示如圖 showImg(https://segmentfault.com/img/bVXFwB?w=984&h...
摘要：創(chuàng)建項(xiàng)目安裝本文中使用的版本為在中引入例子第一個(gè)測試?yán)域?yàn)證通過更多配置請參考官網(wǎng)我們只是用些常用配置和常用的驗(yàn)證中文配置全局配置這樣就可以使用中文提示了自定義錯(cuò)誤提示昵稱不得為空寫法昵稱不得小于個(gè)字符 創(chuàng)建vue項(xiàng)目: vue init webpack vee cd ./vee npm run dev # or yarn run dev 安裝 VeeValidate npm...
摘要：數(shù)據(jù)加密是否可以防止重放攻擊否，加密可以有效防止明文數(shù)據(jù)被監(jiān)聽，但是卻防止不了重放攻擊。防重放機(jī)制我們在設(shè)計(jì)接口的時(shí)候，最怕一個(gè)接口被用戶截取用于重放攻擊。這樣，這個(gè)請求即使被截取了，你也只能在內(nèi)進(jìn)行重放攻擊。 HTTPS數(shù)據(jù)加密是否可以防止重放攻擊？ 否，加密可以有效防止明文數(shù)據(jù)被監(jiān)聽，但是卻防止不了重放攻擊。 防重放機(jī)制 我們在設(shè)計(jì)接口的時(shí)候，最怕一個(gè)接口被用戶截取用于重放攻擊。重...
閱讀 3575·2023-04-25 14:20
閱讀 1197·2021-09-10 10:51
閱讀 1155·2019-08-30 15:53
閱讀 463·2019-08-30 15:43
閱讀 2316·2019-08-30 14:13
閱讀 2797·2019-08-30 12:45
閱讀 1207·2019-08-29 16:18
閱讀 1166·2019-08-29 16:12
