郵箱、手機號和(區(qū)號+電話+分機號)固定電話校驗

1、手機

var?checkPhone?=?(rule,?value,?callback)?=>?{

??????if?(!value)?{

????????return?callback(new?Error('手機號不能為空'));

??????}?else?{

????????const?reg?=?/^1[3|4|5|7|8][0-9]\d{8}$/

????????console.log(reg.test(value));

????????if?(reg.test(value))?{

??????????callback();

????????}?else?{

??????????return?callback(new?Error('請輸入正確的手機號'));

????????}

??????}

????};?

2、郵箱

var?validateEmail?=?(rule,?value,?callback)?=>?{

??????if?(value?===?'')?{

????????callback(new?Error('郵箱不能為空'));

??????}?else?{

????????if?(value?!==?'')?{?

??????????var?reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

??????????if(!reg.test(value)){

????????????callback(new?Error('請輸入有效的郵箱'));

??????????}

????????}

????????callback();

??????}

????};?

3、固定電話

1》區(qū)號+電話+分機號都在一個input填寫

正則固定電話校驗

2》區(qū)號+電話+分機號分開填寫的

<el-form-item?label="公司電話">

????????????<el-col?:span="6">

??????????????<el-form-item?label="?"?prop="telephone.a"?label-width="0px">

????????????????<el-input?placeholder="區(qū)號"?v-model="ruleFormCantact.telephone.a"></el-input>

??????????????</el-form-item>

????????????</el-col>

????????????<el-col?:span="1">-</el-col>

????????????<el-col?:span="10">

??????????????<el-form-item?label="?"?prop="telephone.b"?label-width="0px">

????????????????<el-input?placeholder="電話號碼"?v-model="ruleFormCantact.telephone.b"></el-input>

??????????????</el-form-item>

????????????</el-col>

????????????<el-col?:span="1">*</el-col>

????????????<el-col?:span="6">

??????????????<el-form-item?label="?"?prop="telephone.c"?label-width="0px">??

????????????????<el-input?placeholder="分機"?v-model="ruleFormCantact.telephone.c"></el-input>

??????????????</el-form-item>

????????????</el-col>

????????</el-form-item>


***************************************

var?checkA?=?(rule,?value,?callback)?=>?{?

??????const?reg?=?/^(\d{4}|\d{3})$/??

??????if?(reg.test(value)?||?value=='')?{

????????callback();

??????}?else?{

????????return?callback(new?Error('請輸入正確的區(qū)號'));

??????}?

????};?

????var?checkB?=?(rule,?value,?callback)?=>?{?

??????const?reg?=?/^(\d{7,8})$/??

??????if?(reg.test(value))?{

????????callback();

??????}?else?{

????????return?callback(new?Error('請輸入正確的號碼'));

??????}?

????};?

????var?checkC?=?(rule,?value,?callback)?=>?{?

??????const?reg?=?/^(\d{4}|\d{3}|\d{2}|\d{1})$/??

??????if?(reg.test(value)?||?value=='')?{

????????callback();

??????}?else?{

????????return?callback(new?Error('請輸入正確的分機號'));

??????}?

????};?

************

'telephone.a':?[{?message:?'',?trigger:?'blur',?validator:?checkA}],

????????'telephone.b':?[{?message:?'',?trigger:?'blur',?validator:?checkB}],

????????'telephone.c':?[{?message:?'',?trigger:?'blur',?validator:?checkC}],

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容