elementui form表单 自定义校验规则(包含含有小数的数字以及正整数的正则)
<template>
<div>
<el-form :model="sub1Form" :rules="sub1Rules" ref="sub1Form" label-width="100px" class="demo-ruleForm">
<el-form-item label="发料单数" prop="fds">
<el-input v-model="sub1Form.fds" size="mini"></el-input>
</el-form-item>
<el-form-item label="今日" prop="name">
<el-input v-model="sub1Form.name" size="mini"></el-input>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
data(){
var valiNumberPass1 = (rule, value, callback) => {//包含小数的数字
let reg = /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g;
if (value === '') {
callback(new Error('请输入内容'));
} else if (!reg.test(value)) {
callback(new Error('请输入数字'));
} else {
callback();
}
};
var valiNumberPass2 = (rule, value, callback) => {//正整数
let reg = /^[+]{0,1}(\d+)$/g;
if (value === '') {
callback(new Error('请输入内容'));
} else if (!reg.test(value)) {
callback(new Error('请输入0及0以上的整数'));
} else {
callback();
}
};
return {
sub1Form:{
fds:'',
name:''
},
sub1Rules: {
fds:[{ required: true, validator:valiNumberPass2, trigger: "blur" }],
name: [{ required: true, validator:valiNumberPass1, trigger: "blur" }],
},
}
},
methods:{
}
}
</script>
原url:https://blog.csdn.net/qq_37899792/article/details/89880923
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结