您的位置:88bifa必发唯一官网 > 必发88首页 > 下边1段代码给大家享用vue input

下边1段代码给大家享用vue input

发布时间:2019-05-27 01:25编辑:必发88首页浏览(126)

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

    <Input v-model="form.glhm" placeholder="请输入关联交易号" style="width:240px" @on-blur="validateJyh(form.glhm)"></Input> 
    
    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='';
    

    输入中文置空的方法

    <el-input
    @change="checkNo(searchForm.msel.mselTotalConsumTimes)"
    type = "text"
    onkeypress="return event.keyCode>=48&&event.keyCode<=57"
    size="small"
    :maxlength="6"
    style="width: 120px"
    v-model="searchForm.msel.mselTotalConsumTimes"></el-input>
     次
    </el-col>
    
    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的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    下边1段代码给大家享用vue input。您可能感兴趣的文章:

    • vue判断input输入内容全是空格的方法
    • vue获取input输入值的问题解决办法
    • 详解.vue文件中监听input输入事件(oninput)
    • vue给input file绑定函数获取当前上传的对象完美实现方法
    • vue.js 1.x与2.0中js实时监听input值的变化

    本文由88bifa必发唯一官网发布于必发88首页,转载请注明出处:下边1段代码给大家享用vue input

    关键词: 必发88首页