国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue中手機號,郵箱正則驗證以及60s發送驗證碼

nemo / 2176人閱讀

摘要:頁面展示如圖手機號驗證碼查詢這里是里的內容獲取驗證碼驗證手機號碼部分請輸入手機號碼手機格式不正確后重新獲取獲取驗證碼郵箱驗證請輸入郵箱郵箱格式不正確

今天寫了一個簡單的驗證,本來前面用的組件,但是感覺寫的組件在此項目不是很好用,由于用到的地方比較少,所以直接寫在了頁面中。頁面展示如圖

這里是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

相關文章

  • vue機號郵箱正則驗證以及60s發送驗證

    摘要:頁面展示如圖手機號驗證碼查詢這里是里的內容獲取驗證碼驗證手機號碼部分請輸入手機號碼手機格式不正確后重新獲取獲取驗證碼郵箱驗證請輸入郵箱郵箱格式不正確 今天寫了一個簡單的驗證,本來前面用的組件,但是感覺寫的組件在此項目不是很好用,由于用到的地方比較少,所以直接寫在了頁面中。頁面展示如圖 showImg(https://segmentfault.com/img/bVXFwB?w=984&h...

    monw3c 評論0 收藏0
  • VeeValidate 的使用場景以及配置

    摘要:創建項目安裝本文中使用的版本為在中引入例子第一個測試例子驗證通過更多配置請參考官網我們只是用些常用配置和常用的驗證中文配置全局配置這樣就可以使用中文提示了自定義錯誤提示昵稱不得為空寫法昵稱不得小于個字符 創建vue項目: vue init webpack vee cd ./vee npm run dev # or yarn run dev 安裝 VeeValidate npm...

    blair 評論0 收藏0
  • API設計防重放攻擊

    摘要:數據加密是否可以防止重放攻擊否,加密可以有效防止明文數據被監聽,但是卻防止不了重放攻擊。防重放機制我們在設計接口的時候,最怕一個接口被用戶截取用于重放攻擊。這樣,這個請求即使被截取了,你也只能在內進行重放攻擊。 HTTPS數據加密是否可以防止重放攻擊? 否,加密可以有效防止明文數據被監聽,但是卻防止不了重放攻擊。 防重放機制 我們在設計接口的時候,最怕一個接口被用戶截取用于重放攻擊。重...

    vvpvvp 評論0 收藏0

發表評論

0條評論

nemo

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<