1. 程式人生 > >微信小程式自動去除input空格的方法

微信小程式自動去除input空格的方法

 有問題可以掃碼加我微信,有償解決問題。承接小程式開發。

微信小程式開發交流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)