微信小程序有关用户输入浮点数的限制

梦是浮云

已于 2022-11-04 15:32:46 修改

阅读量392

点赞数

文章标签：微信小程序 javascript 小程序

于 2022-11-04 14:29:24 首次发布

本文链接：https://blog.csdn.net/Z52863339/article/details/127688328

版权

//判断用户输入的第一位字符是否有除了（0-9）和“-”之外的字符。
 determine:function(e){//此方法是绑定的input的bindinput事件
    let that=this;
    var srk=e.detail.value;//srk：代表输入框中的内容
    var sx=e.target.dataset.relation;//sx：为data中相关绑定在input的value的属性名。在页面上通过data-relation把该input的value绑定的data中的属性名传进方法。
    var regular1=/^[0-9]$/;//正则表达式
    if(!(regular1.test(srk[0])||srk[0]=="-")){
        srk=srk.replace(srk[0],"");
    }
    that.setData({
          [sx]:srk,
    })
  },
  //用户结束输入后判断数值是否为浮点数。
  accordWith:function(e){//此方法绑定的input的bindblur事件
   let that=this;
   var srk=e.detail.value;//srk：代表输入框中的内容
   var sx=e.target.dataset.relation; //sx：为data中相关绑定在input的value的属性名。
   var regular2=/^(-?\d+)(\.\d+)?$/;//浮点型的正则表达式
   if(regular2.test(srk)){
      that.setData({
          [sx]:srk,
      })   
   }else{
      that.setData({
          [sx]:"",
      })
   }
  },