el-input只能输入数字验证

14 篇文章 0 订阅
  1. 输入正整数
	directives指令,只能输入数字,
	<input class="keep_input"  v-number-only  v-model="scope.row.fileOrder"  @input="scope.row.fileOrder = Number($event.target.value.replace(/\D+/, ''))" />
	directives: {
		numberOnly: {
		  bind: function(el) {
			el.handler = function() {
			  el.value = Number(el.value.replace(/\D+/, ''))
			  console.dir(el.value)
			}
			el.addEventListener('input', el.handler)
		  },
		  unbind: function(el) {
			el.removeEventListener('input', el.handler)
		  }
		}
	},
  1. 只能输入大于1的数字

input.config-size( v-model="scope.row.value" placeholder="请输入配置大小" @keyup="handelNum(scope.row)")

				
	handelNum(obj) {
     	 if(obj.value == 0) {
				obj.value = '';
		  }else {
			  obj.value = obj.value.replace(/\D/g, '');
		  }
    },
  1. 字母数字下划线,字母开头
const validEnName = (rule, value, callback) => {
      if (/^[a-z]([-_a-z0-9])*$/g.test(value)) {
          callback()
      } else {
        callback(new Error('小写字母、数字、下划线'))
      }
    }
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值