微信小程序禁止输入空格

当用户输入账号或者密码的时候，可能会有输入空格的情况，但是实际需要是不能够有空格的，所以我们要做一个去除空格，并且适应所有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, '')})},

实现思路，

给input绑定bindinput事件，
利用data-name的属性同步imput的name
利用简单的正则实时去除空格
利用数据双向绑定的特性同步当前input的value值

微信小程序禁止输入空格相关推荐

微信小程序换行空格连续空格 view不自动换行
一.换行 1.必须在<text/>里, 才能用 \n 来换行 : 2.<view>里的不能用 \n 换行,想在view里换行,只能再包含一个text 换行例子: <vie ...
微信小程序input禁止输入特殊表情符号与空格
微信小程序禁止输入特殊表情符号与空格 1.wxml <view class="childrenAge" wx:if=&quo ...
微信小程序换行，空格的写法
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 1.文本超出部分自动换行,前后对比实现代码: flex-wrap: warp;white-space ...
微信小程序作品集实例：跨页面传参，数据库，换行，空格，css
审美是病,得治. 从左到右依次,初始界面,点一下,进入第二个作者目录,点击李贺,进入第三个作品目录,点击马诗二十三首,进入第四个作品详情,第五个是结构,◀▶切换前后. 依次往下捋, data里面pos ...
微信小程序中的空格怎么打
微信小程序中的空格怎么打? decode="{{true}}" 加 &nbsp: <text decode="{{true}}">1234 ...
微信小程序wxparse特殊解析空格,解析↵换行符号
因为在实际的项目中使用wxparse的时候,发现空格和换行解析不了,就进行的源码的查看及修改, (一).解决↵换行符号解析不了的方法在微信小程序中换行\n需要再在text中进行实现,但是wxpars ...
es6 去掉空格_微信小程序自动去除input空格的方法
当用户输入账号或者密码的时候,可能会有输入空格的情况,但是实际需要是不能够有空格的,所以我们要做一个去除空格,并且适应所有input的name参数的方法,下面请看源码: wxml: js: verif ...
web和微信小程序input输入时禁止输入中文方法
前言:作为一个小白--,每天进步一点点,每天总结一点点,生活就会美好一点- -------------------------------- 进入正文 1.首先禁止输入中文就需要用到正则表达式: 2. ...
微信小程序的 .wxml文件中如何加入多个空格
微信小程序的 .wxml文件中如何加入空格一.直接按空格键二.使用不换行空格 ` ` 一.直接按空格键注意:连续多个空格被视为一个空格代码演示: <text> 你好按了一次空格键 ...

微信小程序禁止输入空格

微信小程序禁止输入空格

微信小程序禁止输入空格相关推荐

最新文章

热门文章