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