微信小程序自动去除input空格的方法
发布时间：2020-12-14 04:49:22 所属栏目：大数据 来源：网络整理
导读：当用户输入账号或者密码的时候，可能会有输入空格的情况，但是实际需要是不能够有空格的，所以我们要做一个去除空格，并且适应所有input的name参数的方法，下面请看源码: wxml: input type= ‘ text ‘ data-name= ‘ account ‘ value= ‘ {{account}} ‘ n
|
当用户输入账号或者密码的时候，可能会有输入空格的情况，但是实际需要是不能够有空格的，所以我们要做一个去除空格，并且适应所有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空格的方法 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |