旅游景区英文网站建设研究,做网店去哪个网站货源好,如何创办自己的网站,wordpress 中文字体插件校验要求 我们的表单中有密码、电话号码 #xff0c;两项。
我们设置用密码为3到20位的非空字符
电话号码就用目前用的电话号码正则表达式#xff0c;要求手机号码以 1 开头#xff0c;第二位为 3 到 9 之间的数字#xff0c;后面跟着任意 9 个数字#xff0c;总共是 11…校验要求 我们的表单中有密码、电话号码 两项。
我们设置用密码为3到20位的非空字符
电话号码就用目前用的电话号码正则表达式要求手机号码以 1 开头第二位为 3 到 9 之间的数字后面跟着任意 9 个数字总共是 11 位数字。
el-form-item label手机号 proptelel-input v-modelruleForm.tel :rulesrules //el-form-itemel-form-item label密码 propcipherel-input v-modelruleForm.cipher :rulesrules //el-form-item 做类型声明
interface RuleForm {tel: stringcipher: string
}
然后对页面数据进行绑定
const rules reactiveFormRulesRuleForm({tel: [{ required: true, message: 请输入手机号, trigger: blur },{validator: checkEmail,trigger: blur},],cipher: [{ required: true, message: 请输入密码, trigger: blur },{min: 3,max: 20,message: 密码为3~20位非空字符,trigger: blur},{validator: checkUserName,trigger: blur},],
})正则表达式
//定义手机号校验规则
const checkEmail (_rule: any, value: string, callback: (arg0: Error | undefined) void) {const regEmail /^1[3-9]\d{9}$/;if (value ) {callback(new Error(输入不能为空))} else if (regEmail.test(value)) {return callback();}callback(new Error(请输入正确手机号));
}
//密码效验规则
const checkUserName (_rule: any, value: string, callback: (arg0: Error | undefined) void) {if (value.trim() ) {callback(new Error(密码不可为空))} else {return callback();}
}
