最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序手機(jī)號(hào)驗(yàn)證碼登錄的項(xiàng)目實(shí)現(xiàn)

 更新時(shí)間:2022年04月02日 11:10:07   作者:七彩貓貓蟲  
本文主要介紹了微信小程序手機(jī)號(hào)驗(yàn)證碼登錄的項(xiàng)目實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

本文主要介紹了小程序手機(jī)號(hào)驗(yàn)證碼登錄,具體如下:

在這里插入圖片描述

在這里插入圖片描述

wxml:

<view class="content_bottom">
      <form bindsubmit="formSubmit">
        <view class="field">
          <label for="phone">手機(jī)號(hào)</label>
          <input class="int" name="phone" type="number" placeholder="請(qǐng)輸入手機(jī)號(hào)碼" placeholder-class="pla2" value='{{phone}}' bindinput='getPhoneValue'  />
        </view>
        <view class="field">
          <label for="phone">手機(jī)驗(yàn)證碼</label>
          <view class='changeInfoName'>
            <input type="number" placeholder='請(qǐng)輸入驗(yàn)證碼' bindinput='getCodeValue' placeholder-class="pla2" value='{[code]}' style='width:70%;' />
            <button class='codeBtn' style="background-color:{{pageBackgroundColor}}" bindtap='getVerificationCode' disabled='{{disabled}}'>{{codename}}</button>
          </view>
        </view>
        <view class="form_btn2">
          <button class="btn_login" type="primary"  formType="submit">下一步</button>
        </view>
      </form>
    </view>

js:

// pages/login/login.js
import http from '../../http/api';
import env from '../../http/evn.js';
Page({

  data: {
    phone: '',
    code: '',
    codename: '獲取驗(yàn)證碼',
  },
  getPhoneValue: function (e) {
    this.setData({
      phone: e.detail.value
    })
  },
  getCodeValue: function (e) {
    this.setData({
      code: e.detail.value
    })
  },
    //獲取驗(yàn)證碼
    getVerificationCode() {
      this.getCode();
      var _this = this
      // _this.setData({
      //   disabled: true
      // })
    },
    getCode: function () {
      console.log(this.data.phone, '手機(jī)號(hào)')
      var _this = this;
      var myreg = /^(14[0-9]|13[0-9]|15[0-9]|16[0-9]|17[0-9]|18[0-9]|19[0-9])\d{8}$$/;
      if (this.data.phone == "") {
        wx.showToast({
          title: '手機(jī)號(hào)不能為空',
          icon: 'none',
          duration: 1000
        })
        return false;
      } else if (!myreg.test(this.data.phone)) {
        wx.showToast({
          title: '請(qǐng)輸入正確的手機(jī)號(hào)',
          icon: 'none',
          duration: 1000
        })
        return false;
      } else {
        _this.setData({
          disabled: true
        })
        http.sendsms({
          data: {
            phone: this.data.phone
          },
          success(res) {
            var bgColor = this.data.pageBackgroundColor == '#9db8db';
            _this.setData({
              pageBackgroundColor: bgColor
              //  iscode: res.data.data
            })
            var num = 60;
            var timer = setInterval(function () {
              num--;
              if (num <= 0) {
                clearInterval(timer);
                _this.setData({
                  codename: '重新發(fā)送',
                  disabled: false
                })
              } else {
                _this.setData({
                  codename: num + "s"
                })
              }
            }, 1000)
          }
        })
      }
    },

})

到此這篇關(guān)于微信小程序手機(jī)號(hào)驗(yàn)證碼登錄的項(xiàng)目實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)小程序手機(jī)號(hào)驗(yàn)證碼登錄內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript?中的行繼續(xù)符操作

    JavaScript?中的行繼續(xù)符操作

    JavaScript?中的字符串操作可能很復(fù)雜,?盡管字符串操作易于掌握,但實(shí)施起來(lái)卻具有挑戰(zhàn)性,其中一個(gè)相關(guān)領(lǐng)域是添加新行,這篇文章主要介紹了JavaScript中的行繼續(xù)符操作,需要的朋友可以參考下
    2023-06-06
  • js點(diǎn)擊返回跳轉(zhuǎn)到指定頁(yè)面實(shí)現(xiàn)過(guò)程

    js點(diǎn)擊返回跳轉(zhuǎn)到指定頁(yè)面實(shí)現(xiàn)過(guò)程

    這篇文章主要為大家詳細(xì)介紹了js點(diǎn)擊返回跳轉(zhuǎn)到指定頁(yè)面實(shí)現(xiàn)過(guò)程,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-04-04
  • 小程序視頻列表中視頻的播放與停止的示例代碼

    小程序視頻列表中視頻的播放與停止的示例代碼

    本篇文章主要介紹了小程序視頻列表中視頻的播放與停止的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-07-07
  • javascript實(shí)現(xiàn)確定和取消提示框效果

    javascript實(shí)現(xiàn)確定和取消提示框效果

    這篇文章主要介紹了javascript實(shí)現(xiàn)確定和取消提示框效果的方法以及示例代碼分享,有需要的小伙伴可以參考下。
    2015-07-07
  • uni-app動(dòng)態(tài)修改主題色的方法詳解

    uni-app動(dòng)態(tài)修改主題色的方法詳解

    最近在看uniapp開發(fā)app時(shí)需要實(shí)現(xiàn)動(dòng)態(tài)修改主題色的功能,這篇文章主要給大家介紹了關(guān)于uni-app動(dòng)態(tài)修改主題色的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-12-12
  • js實(shí)現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法

    js實(shí)現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法

    這篇文章主要介紹了js實(shí)現(xiàn)按鈕控制圖片360度翻轉(zhuǎn)特效的方法,涉及HTML5中canvas方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-02-02
  • Promise面試題詳解之控制并發(fā)

    Promise面試題詳解之控制并發(fā)

    promise面試中經(jīng)常會(huì)遇到的一個(gè)問(wèn)題就是關(guān)于控制并發(fā)的,所以下面這篇文章主要給大家介紹了關(guān)于Promise面試題之控制并發(fā)的相關(guān)資料,需要的朋友可以參考下
    2021-05-05
  • JavaScript如何在不重新加載頁(yè)面的情況下修改URL

    JavaScript如何在不重新加載頁(yè)面的情況下修改URL

    在現(xiàn)代Web應(yīng)用中,單頁(yè)面應(yīng)用(SPA)越來(lái)越流行,為了提升用戶體驗(yàn),我們經(jīng)常需要在不重新加載頁(yè)面的情況下修改URL,本文將詳細(xì)介紹如何在不重新加載頁(yè)面的情況下修改URL,并通過(guò)多個(gè)示例展示其應(yīng)用場(chǎng)景,需要的朋友可以參考下
    2024-11-11
  • 找出字符串中出現(xiàn)次數(shù)最多的字母和出現(xiàn)次數(shù)精簡(jiǎn)版

    找出字符串中出現(xiàn)次數(shù)最多的字母和出現(xiàn)次數(shù)精簡(jiǎn)版

    找出字符串中出現(xiàn)次數(shù)最多的字母和出現(xiàn)次數(shù)精簡(jiǎn)版,有需求的朋友可以參考下
    2012-11-11
  • 如何在面試中手寫出javascript節(jié)流和防抖函數(shù)

    如何在面試中手寫出javascript節(jié)流和防抖函數(shù)

    這篇文章主要介紹了如何在面試中手寫出javascript節(jié)流和防抖函數(shù),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-10-10

最新評(píng)論

衡阳县| 东乡县| 牙克石市| 都兰县| 栖霞市| 湘乡市| 苏尼特右旗| 济阳县| 保靖县| 舞钢市| 寿宁县| 雷波县| 原平市| 杭锦旗| 石城县| 馆陶县| 宝丰县| 义马市| 运城市| 阜宁县| 永吉县| 涟水县| 郑州市| 文水县| 大城县| 平顺县| 漳平市| 靖西县| 乐山市| 六枝特区| 同仁县| 从江县| 中西区| 定陶县| 河源市| 哈巴河县| 布拖县| 潼关县| 于田县| 梅河口市| 梅河口市|