美文网首页
输入框禁止输入指定字符以外的字符

输入框禁止输入指定字符以外的字符

作者: easy_mark | 来源:发表于2018-10-24 18:00 被阅读0次

html代码:

<el-form-item prop="goodsNum">

      <el-input   @input="keyupNum2(obj.goodsNum)"  type="tel" v-model="obj.goodsNum" placeholder="输入补货量" maxlength="4" >

</el-form-item>

JS代码:

keyupNum2(item){

var str = item.toString().replace(/[^\d]/g,'')

    if(item){

                    var that =this

                    setTimeout(function () {

                         that.obj.goodsNum = Number(str)

                     },20)

    }else{

            this.obj.goodsNum =''

         }

}, 

如果不用@input事件的话,捕捉不到中文输入法下通过回车等按键输入的英文字母及其他字符。setTimeout是为了在输入框的值改变后,再重新替换处理变量的值。涉及到input框有自带的默认时间处理顺序。所以使用setTimeout。

相关文章

  • 输入框禁止输入指定字符以外的字符

    html代码:

  • 输入框校验点

    输入框内容校验:输入英文,特殊字符(~!@#¥%……&*?[]{},在输入框,禁止直接输入特殊字符时,使用“粘贴、...

  • iOS 设置输入框的指定字符输入

    iOS 设置输入框的指定字符输入

  • angularjs自定义过滤器

    需求:输入框输入的内容第一个字母大写,指定位置的字符大写,指定的字符大写。 html:

  • 测试理论--web测试方法总结

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%…...

  • 测试总结-web测试方法总结

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%…...

  • 【转】web测试方法总结

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%…...

  • WEB端测试要点

    一、输入框 1、字符型输入框: (1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@# ¥%...

  • web测试方法总结[转载]

    一、输入框 1、字符型输入框: (1)字符型输入框: 英文全角、英文半角、数字、空或者空格、特殊字符~!@#¥%…...

  • web测试总结

    一、输入框1、字符型输入框:(1)字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%……&...

网友评论

      本文标题:输入框禁止输入指定字符以外的字符

      本文链接:https://www.haomeiwen.com/subject/bdmxtqtx.html