vue验证整数_vue input 输入校验字母数字组合且长度小于30的实现代码

下面一段代码给大家分享vue input 校验字母数字组合且长度小于30,具体代码如下所示:

validateJyh(glhm){//校验关联交易号

var reg = /^[A-Za-z0-9]{1,30}$/;

if(!reg.test(glhm)){

this.$Message.error("请输入字母或数字组成的交易关联号");

this.form.glhm = '';

}

},

下面看下在Vue.Js下使用el-input框只能输入数字并限制位数并且限制中文输入以及粘贴

var tr = document.getElementById("Id1"), // 取得ID为Id1的tr对象

inps = tr.getElementsByTagName('input'); // 从tr 对象中获取所有input对象

for(var i = 0, len = inps.length; i < len; i++) {

inps[i].value = ''; // 将每一个input的value置为空

}

document.getElementById("t").getElementsByTagName('input')[0].value='';

输入中文置空的方法

@change="checkNo(searchForm.msel.mselTotalConsumTimes)"

type = "text"

οnkeypress="return event.keyCode>=48&&event.keyCode<=57"

size="small"

:maxlength="6"

style="width: 120px"

v-model="searchForm.msel.mselTotalConsumTimes">

checkNo(value){

let reg = /^[1-9]\d*$/;

if (value) {

if (value >

999999 || new

RegExp(reg).test(value) ==

false) {

setTimeout(()

=> {

this.searchForm.msel.mselTotalConsumTimes ='';

}, 500);

}

}

},

总结

以上所述是小编给大家介绍的vue input 校验字母数字组合且长度小于30的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用 Vue.js 提供的内置校验规则 `Vue.directive('validate', {})` 来实现校验 `el-input` 中的内容是否为 1-24 之间的正整数。 首先,在组件的 `template` 中,你需要使用 `v-model` 指令绑定一个 `data` 中的变量。 ```html <el-input v-model="inputValue"></el-input> ``` 然后,在组件的 `script` 中,你可以通过 `Vue.directive('validate', {})` 定义一个名为 `validate` 的校验规则。 ```js Vue.directive('validate', { bind: function(el, binding, vnode) { el.addEventListener('input', function() { let value = el.value if (value === '') { vnode.componentInstance.$emit('input', '') } else { value = parseInt(value) if (value >= 1 && value <= 24) { vnode.componentInstance.$emit('input', value) } else { vnode.componentInstance.$emit('input', '') } } }) } }) ``` 在上面的代码中,我们绑定了一个 `input` 事件,用来监听用户输入的内容。当用户输入内容时,我们首先判断输入框中是否为空。如果为空,则直接将 `v-model` 绑定的变量设为 `''`。如果不为空,则将输入框中的值转换为数值类型,并判断是否为 1-24 之间的正整数。如果是,则将 `v-model` 绑定的变量设为该数值;如果不是,则将 `v-model` 绑定的变量设为 `''`。 最后,在 `el-input` 中使用 `v-validate` 指令来启用校验规则。 ```html <el-input v-model="inputValue" v-validate></el-input> ``` 这样,当用户输入的内容不符合校验规则时,输入框中的内容就会被清空。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值