當用戶輸入賬號或者密碼的時候,可能會有輸入空格的情況,但是實際需要是不能夠有空格的,所以我們要做一個去除空格,並且適應所有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值