element的表單校驗證件號規(guī)則及輸入“無”的情況校驗通過(示例代碼)
更新時間:2023年11月09日 17:02:48 作者:昨夜小樓又東風
這篇文章主要介紹了element的表單校驗證件號規(guī)則及輸入“無”的情況校驗通過,使用方法對校驗數據進行過濾判斷,本文通過示例代碼給大家介紹的非常詳細,感興趣的朋友一起看看吧
element的表單校驗證件號規(guī)則以及輸入“無”的情況校驗通過
<el-col :span="6"> <el-form-item label="證件號碼" prop="Idnumber" class="grid-content bg-purple"> <el-input v-model="testForm.Idnumber" placeholder="請輸入證件號碼" @change="changeIdnumber"></el-input> </el-form-item> </el-col>
使用方法對校驗數據進行過濾判斷
data(){ let CrdtNoValidar=(rule,value,callback)=>{ if(value&&this.testForm.idtype=="001"){ if(value=="無"){ callback(); return } let reg18=/^[1-9]\[d]{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/; let reg15=/^[1-9]\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$/; if(reg18.test(value)||reg15.test(value)){ callback() }else{ callback(new Error("請輸入有效的身份證號碼!")) } }else{ callback() } }; return{ rules:{ Idnumber:[{required:false,message:'請輸入證件號碼',trigger:'blur'},{validator:CrdtNoValidar,trigger:'blur'}], }, } }
輸入一個異常的證件號碼進行校驗
輸入一個正常的證件號碼進行校驗
輸入漢字“無”進行校驗
到此這篇關于element的表單校驗證件號規(guī)則以及輸入“無”的情況校驗通過的文章就介紹到這了,更多相關element表單校驗證件號內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
在vue使用clipboard.js進行一鍵復制文本的實現示例
這篇文章主要介紹了在vue使用clipboard.js進行一鍵復制文本的實現示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-01-01如何通過URL來實現在Vue中存儲業(yè)務狀態(tài)實用技巧
這篇文章主要為大家介紹了如何通過URL來實現在Vue中存儲業(yè)務狀態(tài)實用技巧,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10