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

码住不放松

于 2023-01-13 13:45:45 发布

阅读量6.6k

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/weixin_53898445/article/details/128672931

版权

ο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' },
	],
]