判断用户input输入框里面的数据是否合法

场景:

项目当中:凡是出现文本框【用户输入:一定有'幺蛾子',思考情况一定要多思考】

 解决代码:

先绑定事件 

 @change="changeSkuNum"

 事件

 //表单元素修改产品个数
    changeSkuNum(event) {
      //用户输入进来的文本 * 1 可以判断有没有非法数字
      let value = event.target.value * 1;
      //如果用户输入进来的非法,出现NaN或者小于1
      if (isNaN(value) || value < 1) {
        this.skuNum = 1;
      } else {
        //正常大于1【大于1整数不能出现小数】
        this.skuNum = parseInt(value);
      }
    },

 注释:

isNaN()

isNaN() 函数用来确定一个值是否为NaN ,如果给定值为 NaN则返回值为true;否则为false

 parseInt()

parseInt() 是Javascript内置函数,原型为parseInt ( String s , [ int radix ] ),用于解析一个字符串,并返回一个整数。

要被解析的值。如果参数不是一个字符串,则将其转换为字符串 (使用 ToString抽象操作)。字符串开头的空白符将会被忽略。


版权声明:本文为weixin_52371073原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。