微信小程序自动去除input空格的方法

当用户输入账号或者密码的时候,可能会有输入空格的情况,但是实际需要是不能够有空格的,所以我们要做一个去除空格,并且适应所有input的name参数的方法,下面请看源码:

wxml:

<input type='text' data-name='account' value='{{account}}' name="account" bindinput='verification' bindblur='account_val'></input>  

js:

verification: function (e) {  
  var name = e.currentTarget.dataset.name;  
  this.setData({  
    [name]: e.detail.value.replace(/\s+/g, '')  
  })  
},  

实现思路:

1.给每一个input绑定bindinput事件,

2.利用data-name的属性同步input的name,

3.利用简单的正则实时去除空格,

4.利用数据双向绑定的特性同步当前input的value值

 

转自:微信小程序自动去除input空格的方法

posted @ 2018-05-29 18:21  郁冬  阅读(3628)  评论(0编辑  收藏  举报