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

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

正文：

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

 

<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值

希望能对大家有所帮助，另外欢迎大家加入微信小程序qq群（173683895）