el-form表单验证 限制只能输入数字及数字大小范围

1,217 阅读1分钟

οnkeyup="value=value.replace(/[^\d]/g,'')"  限制只能输入数字

<el-form
  ref="ruleFormRef"
  label-width="100px"
  :rules="rules"
  :model="FromDate"
>
  <el-form-item label="产量:" style="margin-left: 30px" prop="cpuCore">
	 <el-input v-model="FromDate.cpuCore" onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="只能输入数字">
		<template #append>
			<span>斤</span>
		</template>
	 </el-input>
   </el-form-item>
</form>

验证输入数字大小是否在范围之内

const rules = [
   num: [
		  {
			required: true,
		 	message: '请输入产量',
		 	trigger: 'blur',
		  },
		{ min: 1, max: 5, message: '请在0————99999范围内输入', trigger: 'blur' },
	],
]