【input】校验只能输入数字，汉字，，正则

原创已于 2022-12-02 16:29:13 修改 · 1.8k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui

于 2022-06-09 17:37:32 首次发布

VUE 同时被 2 个专栏收录

43 篇文章

订阅专栏

jquery

14 篇文章

订阅专栏

本文详细介绍了前端输入验证的各种正则表达式，包括数字、字母、数字和小数点等，并展示了如何处理特殊字符如'…'，以及手机号的验证和格式化。同时，提供了多个实用的input框验证示例，帮助开发者实现更严格的用户输入控制。

οninput=“value=value.replace(/[^\d.]/g,‘’)”

 <el-input
   placeholder="请输入"
     v-model="search.orderNo"
     clearable
     oninput="value=value.replace(/[^\d.]/g,'')"
   />

此方法可以输入 ‘…’

需要再次验证，把 ‘…’ 这样的排除掉

  if(this.inputval.indexOf('..') > -1){
          this.$message.error('请输入正确的充值金额')
          return
     }

input框常用的正则表达式

<input class="uni-input iptStyle" name="input" placeholder="未识别出信息" v-model="form.fpNum" @input="fpNumInput" maxlength='24' />
 
fpNumInput(e) {
	const o = e.target;
	const inputRule = /^(0+)|[^\d]+/g  //修改inputRule 的值
	this.$nextTick(function() {
	    this.form.fpNum = o.value.replace(inputRule , '');
	})
},

1.只能输入数字

const inputRule = /[^\d]/g

2.只能输入字母

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

3.只能输入数字和字母

const inputRule =/[\W]/g

4.只能输入小写字母

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

5.只能输入大写字母

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

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

const inputRule =/[^\w_]/g //下划线也可以改成%

7.只能输入中文

const inputRule =/[^\u4E00-\u9FA5]/g

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

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

9.验证手机号是否正确

var phone=15054054532;
var strTemp = /^1[3|4|5|6|7|8|9][0-9]{9}$/;
if(strTemp.test(phone)){
	console.log("正确")
}else{
	uni.showToast({icon:'none',title:'请输入正确的电话'});
	return false
}

电话号码隐藏中间4位

var phonenumber=15054054532;
var reg = /^(\d{3})\d{4}(\d{4})$/;
this.phonenum=phonenumber.replace(reg, "$1****$2")

【input】 校验只能输入数字，汉字，，正则

input框常用的正则表达式

【input】校验只能输入数字，汉字，，正则