美文网首页
小程序 input框禁止输入空格

小程序 input框禁止输入空格

作者: web30 | 来源:发表于2021-10-21 11:01 被阅读0次
    <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,'')
        })
      },
    })
    
    

    相关文章

      网友评论

          本文标题:小程序 input框禁止输入空格

          本文链接:https://www.haomeiwen.com/subject/rvdfaltx.html