小程序 input框禁止输入空格

2021-10-21  本文已影响0人  web30
<view class="form-verifica hairline-bottom">
  <input  
      password='{{ passWord }}' 
      model:value="{{ oldPassword }}"  // 简易双向绑定
      maxlength="20" 
      type='text' 
      placeholder="请输入原登录密码"
      placeholder-class="phcolor"
      data-oldpwd="oldPassword"  // 传值
      bindinput="onCancelBlank"   // 绑定input输入框
      name="oldPassword" />
 </view>
page:({
  data:{
    oldPassword: '', 
  },
  onCancelBlank:function(e){
    let oldPwd = e.target.dataset.oldpwd
    this.setData({
      [oldPwd]: e.detail.value.replace(/\s+/g,'')
    })
  },
})

上一篇下一篇

猜你喜欢

热点阅读