当前位置: 代码迷 >> 综合 >> elementui form表单 自定义校验规则(包含含有小数的数字以及正整数的正则)
  详细解决方案

elementui form表单 自定义校验规则(包含含有小数的数字以及正整数的正则)

热度:85   发布时间:2023-11-29 14:31:17.0
<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>

  相关解决方案