<el-form
:model="form"
:rules="rules"
width="600px"
ref="postForm"
label-width="120px"
class="user-addFrom">
<el-form-item label="员工姓名:" prop="name">
<el-input v-model="form.name" placeholder="请输入员工手机号" clearable></el-input>
</el-form-item>
<div v-for="(item,index) in dataObj.tableDate" :key="index">
<el-form-item label="数量:" prop="number">
<el-input v-model="item.number" placeholder="请输入正整数" clearable size="mini" @input="changeSort(index)"></el-input>
</el-form-item>
</div>
</el-form>
export default {
data() {
return {
dataObj:{
tableDate:[]
},
rules:{
name:[{required: true,message:'请输入员工手机', trigger: 'blur'},
{pattern:/^((1)\d{10})$/,message:'请输入员工手机号!'}]
}
}
},
methods:{
changeSort(index){
// 第一位不能为0 ,最大输入六位正整数
this.dataObj.tableDate[index].number = (this.dataObj.tableDate[index].number.match(/^[1-9]\d{0,5}/) || [''])[0]
},
save(){
this.$refs.postForm.validate(valid => {
if(valid){
requestion.post({
url:'xx',
data:obj
}).then(res= >{})
}
}
}
}
elementUI 正则效验
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 1.可以在pattern中书写正则,并且配合elementUI进行表单验证。2. pattern 属性规定用于验证...
- 最近项目需求,意见反馈里面有一个联系方式,里面可以输入手机号,qq号码,邮箱等,需要判断格式是否正确,网上百度了一...
- 安装ElementUI, 这几天,我发现elementui使用官方源安装报错,官方安装其他包就没有问题,只能切换淘...