当前位置: 首页> 财经> 金融 > 加强服务保障满足群众急需i _重庆编程培训机构_疫情二十条优化措施_优秀企业网站欣赏

加强服务保障满足群众急需i _重庆编程培训机构_疫情二十条优化措施_优秀企业网站欣赏

时间:2025/7/10 12:12:16来源:https://blog.csdn.net/qq_42812154/article/details/145829190 浏览次数:0次
加强服务保障满足群众急需i _重庆编程培训机构_疫情二十条优化措施_优秀企业网站欣赏

1、手机号验证

<el-form ref="formRef" :model="form" :rules="rule" label-width="100px"><el-form-item label="联系电话" prop="mobile"><el-input type="tel" v-model="form.mobile" /></el-form-item>
</el-form><script setup lang="ts">
const rule: ElFormRules = {mobile: [{ validator: validateMobile, trigger: 'blur' }]
}
// 手机号验证(1)
const validateMobile = (rule, value, callback) => {const reg = /^1[3-9]\d{9}$/if (value && !reg.test(value)) {callback(new Error('请输入有效的电话号码!'))} else {callback()}
}//手机号验证2
const rule: ElFormRules = {mobile: [{pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,message: '请输入正确的手机号码',trigger: 'blur'}]
}
</script>

2、正整数验证

<el-form ref="formRef" :model="form" :rules="rule1" label-width="100px"><el-form-item label="数值" prop="num"><el-input type="number" v-model="form.threshold" placeholder="请输入正整数"/></el-form-item>
</el-form><script setup lang="ts">
const rule: ElFormRules = {mobile: [{ validator: validateMobile, trigger: 'blur' }]
}
// 正整数验证
const rule: ElFormRules = {num: [{ required: true, message: '请输入数字!', trigger: 'blur' },{validator: (rule, value, callback) => {const regex = /^[1-9]{1}[0-9]*$/if (regex.test(value)) {callback()} else {callback(new Error('请输入正整数!'))}},trigger: 'blur'}]
}
</script>

3、邮箱验证

const rule: ElFormRules = {email: [{type: 'email',message: '请输入正确的邮箱地址',trigger: ['blur', 'change']}]
}
关键字:加强服务保障满足群众急需i _重庆编程培训机构_疫情二十条优化措施_优秀企业网站欣赏

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: