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

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_35713752/article/details/79131539

微信小程序开发交流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)

展开阅读全文

没有更多推荐了,返回首页