1、手機(jī)
var?checkPhone?=?(rule,?value,?callback)?=>?{
??????if?(!value)?{
????????return?callback(new?Error('手機(jī)號不能為空'));
??????}?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('請輸入正確的手機(jī)號'));
????????}
??????}
????};?
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ū)號+電話+分機(jī)號都在一個(gè)input填寫
2》區(qū)號+電話+分機(jī)號分開填寫的
<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="分機(jī)"?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('請輸入正確的分機(jī)號'));
??????}?
????};?
************
'telephone.a':?[{?message:?'',?trigger:?'blur',?validator:?checkA}],
????????'telephone.b':?[{?message:?'',?trigger:?'blur',?validator:?checkB}],
????????'telephone.c':?[{?message:?'',?trigger:?'blur',?validator:?checkC}],