element ui 表单验证为正整数

很多时候都会用表单中输入正整数的情况，在element ui中可以用el-input-number 标签来显示输入框是number类型的，或者type="number"也可以的，但是正整数就需要判断了

可以利用正则来判断

代码如下

<el-form ref="checkData" :rules="checkData" :model="eyPara" label-position="left" label-width="100px">

<el-form-item label="值:" prop="amErrYear">

<el-input v-model="eyPara.amErrYear" placeholder="输入值" clearable/>

</el-form-item>

</el-form>

export default{

data(){

const blurText = async(rule, value, callback) => {

// const reg = /^\-\d\.?\d*$/

// const boolean = reg.test(value)

const boolean = new RegExp('^[1-9][0-9]*$').test(value)

// console.log(boolean)

if (!boolean) {

this.$message.warning('请输入正整数')

this.eyPara.amErrYear = ''

}

return {

eyPara: {

amErrYear: ''

checkData:{

amErrYear: [

{ required: true, message: '输入值', trigger: 'blur' },

{ validator: blurText, trigger: 'blur' } //表单验证的时候会调用的方法

}

rules表单验证规则，异步表单验证，validator 是根据校验规则得到的校验器，自定义校验 callback 必须被调用。更多高级用法可参考 async-validator。

转载于:https://www.cnblogs.com/yearshar/p/11593275.html

element ui 表单验证为正整数相关推荐

关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题
方法使用前需了解: 来自"和"小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查 ...
Element UI——表单验证输入的数字检测出来是string解决方案
问题描述打印判断类型问题分析解决方案数字类型的验证需要在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的修饰符. < ...
element ui 表单验证通过后没有绿色框求解（已解）
使用element自带的表单验证. 输入框选中状态边框为蓝色, 输入框输入错误的时候边框为红色, 输入正确的时候边框为绿色. 但是有的时候输入正确没有出现绿色(红色和蓝色状态能正常出现) 我的相关代码 ...
element ui表单验证
这里通过一个实例来说明表单验证: 如上图所示,我们点击"添加新用户"弹出弹框这里只讲弹框里面的校验代码: <template><div id="cre ...
element ui 表单验证残留提示处理
问题:如果vue的同一个页面拥有两个表单.验证第一个表单时没有通过就切换到第二个,那么第二个表单会出现验证错误的信息点击编辑框解决方法:添加表单重置验证我们可以通过为两个表单添加ref属性之后 ...
element ui表单验证，验证通过但是不进if(valid){}步骤
表单自定义验证,如图: data中定义的验证规则: var validatePass = (rule, value, callback) => {if (value === '') {retur ...
element -ui 表单验证如果需要验证的v-model 是对象中的对象总是提示没有填写....
如果需要验证的是以上方式那么 rules的书写方法需要该改变 ? 转载于:https://www.cnblogs.com/wxqworld/p/11301139.html
Element ui 表单验证触发方式：trigger的两种选项
trigger: 'blur' blur失去焦点比如输入框里.校验文本框是否为空 trigger: 'change' change数据改变需要手动选择的东西,可以用change 区别: 没有进行任 ...
element UI 表单自定义验证，css水平且垂直居中方法
element UI 表单自定义验证 element UI提供了一种内部的表单验证,但是这种方法不能够来进行复杂的验证,如邮箱,手机号等的验证需要用到自定义验证首先是element UI 提供的基础 ...

element ui 表单验证为正整数

element ui 表单验证为正整数相关推荐

最新文章

热门文章