判断input只能输入数字/字母/文字...

使用正则表达式

以下方式是使用了uniapp开发,vue2版本

 input标签:

<input type="number" placeholder="备注" v-model="price" @input="fpNumInput">

js部分:

//判断指定的input框,限制输入的格式
			fpNumInput(e) {
				const o = e.target;
				const inputRule = /[^\d]/g; //只能输入数字
				this.$nextTick(function() {
					this.price = o.value.replace(inputRule, '');
				})
				if (this.price != o.value.replace(inputRule, '')) {
					uni.showToast({
						title: '请输入数字',
						icon: 'none',
					})
				}
			},

结果:

格式:

1.只能输入数字

const inputRule = /[^\d]/g		

2.只能输入字母

const inputRule = /[^a-zA-Z]/g		

3.只能输入小写格式字母

const inputRule =/[^a-z]/g

4.只能输入数字和字母

const inputRule =/[\W]/g

5.只能输入数字和小数点

const inputRule =/[^\d.]/g

6.只能输入大写字母

const inputRule =/[^A-Z]/g

7.只能输入数字和字母和下划线

const inputRule =/[^A-Z]/g

8.只能输入中文

const inputRule =/[^\u4E00-\u9FA5]/g
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值