微信小程式自動去除input空格的方法
阿新 • • 發佈:2019-01-06
有問題可以掃碼加我微信,有償解決問題。承接小程式開發。
微信小程式開發交流qq群 173683895 、 526474645 ;
正文:
當用戶輸入賬號或者密碼的時候,可能會有輸入空格的情況,但是實際需要是不能夠有空格的,所以我們要做一個去除空格,並且適應所有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)