移动开发 \ 微信小程序 \ 微信小程序自动去除input空格的方法

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

总点击38
简介:如果对您有帮助,请关注我,欢迎加入微信小程序开发交流QQ群(173683866),有问题也可以加群问我获取问群里的大神!!!

如果对您有帮助,请关注我,欢迎加入微信小程序开发交流QQ群(173683866),有问题也可以加群问我获取问群里的大神!!!


当用户输入账号或者密码的时候,可能会有输入空格的情况,但是实际需要是不能够有空格的,所以我们要做一个去除空格,并且适应所有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)


意见反馈 常见问题 官方微信 返回顶部