Vue 表單驗證，手機號、郵箱、身份證

tml代碼，其中ref的參數必須和model的參數名稱一致

<el-form ref="rulesForm" :model="rulesForm" :rules="rules" label-width="80px">
      <el-form-item label="用戶名" prop="username">
        <el-input clearable v-model="rulesForm.username"></el-input>
      </el-form-item>
      <el-form-item label="密碼" prop="password">
        <el-input type="password" v-model="rulesForm.password"></el-input>
      </el-form-item>
      <el-form-item label="手機號碼" prop="mobile">
        <el-input type="password" v-model="rulesForm.mobile"></el-input>
      </el-form-item>
      <el-form-item label="郵箱" prop="email">
        <el-input type="password" v-model="rulesForm.email"></el-input>
      </el-form-item>
      <el-form-item label="身份證" prop="idCard">
        <el-input type="password" v-model="rulesForm.idCard"></el-input>
      </el-form-item>
      <el-form-item>
        <el-button @click="onClickSubmit">提交</el-button>
      </el-form-item>
    </el-form>

data() 數據

data() {
    return {
      rulesForm:{},
      rules:{
        username: [{ required: true, message: "請輸入用戶名", trigger: "blur" }],
        password: [{ required: true, message: "請輸入密碼", trigger: "blur" }],
        mobile: [
          { required: true, message: "請輸入手機號碼", trigger: "blur" },
          { validator: function(rule, value, callback) {
              if (/^1[34578]\d{9}$/.test(value)==false) {
                callback(new Error("手機號格式錯誤"));
              } else { callback(); }
            },
            trigger: "blur"
          }
        ],
        email: [
          { required: true, message: "請輸入郵箱", trigger: "blur" },
          { validator: function(rule, value, callback) {
              if ( /^\w{1,64}@[a-z0-9\-]{1,256}(\.[a-z]{2,6}){1,2}$/i.test( value )==false ) {
                callback(new Error("郵箱格式錯誤"));
              } else { callback(); }
            },
            trigger: "blur"
          }
        ],
        idCard: [
          { required: true, message: '請輸入身份證', trigger: 'blur' },
          {
            pattern: /(^\d{8}(0\d|10|11|12)([0-2]\d|30|31)\d{3}$)|(^\d{6}(18|19|20)\d{2}(0\d|10|11|12)([0-2]\d|30|31)\d{3}(\d|X|x)$)/,
            message: '請輸入正確的證件號', trigger: 'blur'
          }
        ]
      },
}

js 代碼

前DNF官方開啟了實名校驗，玩家需要通過實名校驗后進行健康游戲，不過對于一些老玩家來說，當初或許是隨便填寫了資料，導致現在后悔不已。沒事，玩家可以有修改實名認證的機會。DNF實名認證修改網址是多少？

DNF實名認證修改網址

https://jiazhang.qq.com/wap/health/dist/home/index.html#/

玩家通過手機端打開，然后根據提示操作即可，注意，每人僅限1次修改機會，請勿亂填亂寫。

對于DNF實名認證修改網址如上介紹，不過還是要提醒一下，未成年人不允許修改身份信息，健康游戲是第一位。

【微信關注太平洋游戲網（pcgames_com_cn）有意外驚喜等你。。?！?/p>

份證照片查詢是與全國公民身份證中心合作提供身份證照片核查服務的網站。她可以通過手機短信進行身份證照片查詢,有效識別身份證真偽,避免您生活中因假身份證上當受騙，人身和財產受到損失。

01
身份證照片查詢系統可查詢哪些資料？
1) 查詢身份證號所屬地區
2) 分析出生年月日、性別　
3) 由15位舊號碼計算出18位新號碼
4) 分析18位身份證號碼的真實性
5) 身份證照片查詢的一致性
身份證照片查詢系統是以基于姓名、身份證號碼的核對體系，姓名、身份證號碼缺一不可。儲存全國每個公民信息的公民身份信息系統將該兩項數據與儲存的數據進行取樣。如果存在跟錄入的姓名、身份證號碼相一致的公民信息，則取樣成功，將取樣結果反饋到用戶手機中，完成核查驗證工作。
02
系統優勢：
收費：5元一次，手機扣除，不成功不收費。網站真誠為您提供身份證查詢服務。
效果不錯：立即顯示被核查人的身份照片，身份真偽立刻識別！
數據準確：身份證查詢數據由全國公民身份信息系統提供。
方便快捷：身份證查詢結果（包括照片查看密碼）以短信形式發動到您手機，不用再跑公安局戶籍科了，也省了公交費。
根據身份證號碼和姓名查詢身份證照片,識別身份證真偽，避免人身財產受到意外損失!是您雇傭保姆、租房、招聘、交友、交易、商務合作等活動中不可缺少的工具。
03
查詢步驟：
打開系統網址：http://www.chasfz.com/a/sfzphoto.html，點擊紅框部分。
04
在彈出的窗口中輸入要查詢的身份證號碼，點擊下一步。
05
在彈出的窗口輸入被查人姓名，手機號，行業，然后點擊支付方式，這里選擇手機支付。
06
按照提示操作即可查詢到身份證照片。

在線咨詢

上一篇：webapp調用html5+的獲取定位遇到的一些問題
下一篇：“網購糾紛”咋應對 “維權模板”看過來

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

Vue 表單驗證，手機號、郵箱、身份證

您的項目需求

Vue 表單驗證，手機號、郵箱、身份證