当前位置:网站首页>Background system sending verification code function

Background system sending verification code function

2022-07-05 15:58:00 Ant HJK

 <div>
    <p class="fl">
        <input  name="phone" type="number" placeholder=" cell-phone number " v-model="phone"/>
        <button type="button" :disabled="disabled" @click="sendcode" class="btns">{ {btntxt}}</button>
    </p>
    <p class="fl" style="margin-left: 20px;">
        <input type="text" placeholder=" Verification Code "/>
    </p>
</div>
<input type="button" value=" Inquire about "  class="btns search" @click="query"/>

Here is script Contents of Li

export default {
          data: function () {
            return {
                disabled:false,
                time:0,
                btntxt:" Get verification code ",
                formMess:{
                    email:this.email,
                    phone:this.phone
                }
            }
          },
          mounted: function () {
              
          },
        methods:{
            // Verify the mobile number section
            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(" Please enter your mobile number ");
                }else if(!reg.test(this.phone)){
                    alert(" The phone format is not correct ");
                }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 Reacquire after ";
                     setTimeout(this.timer, 1000);
                } else{
                     this.time=0;
                     this.btntxt=" Get verification code ";
                     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))
            },
            // Mailbox validation
            sendEmail(){
                var regEmail=/^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/;
                if(this.email==''){
                   alert(" Please enter email address ");
                }else if(!regEmail.test(this.email)){
                    alert(" The email format is incorrect ");
                }
            }
        }
    }

原网站

版权声明
本文为[Ant HJK]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/186/202207051526232354.html