正则表达式如何解决input框固定输入值的格式的问题
创始人
2024-11-26 13:21:26
0次

在写输入用到input的时候,经常出现以下几种情况:

只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入特殊字符,如“@#¥%&*”等

这种情况下,就需要直接在input上进行限制,在前端的应用中主要是用正则表达式来解决这些问题的

第一种情况:只能输入某



第二种情况只能输入某固定格式

只能输入小于1的两位小数

if(value > 1){
	this.$message({
  type: "error",
  message: "请输入小于1的数!"
 })
 this.value = ''
 return
}
if (!(/^([0-9]*)+(.[0-9]{1,2})?$/).test(val)) {
 this.$message({
  type: "error",
  message: "请输入小于1的两位小数!"
 })
 this.value = ''
}

金额

if(value.length > 12){
	this.$message({
  type: "error",
  message: "长度超过12,请重新输入"
 })
 this.value = ''
 return
}
if(!(/(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/).test(value)){
	this.$message({
  type: "error",
  message: "只能输入数字,请重新输入!"
 })
 this.value = ''
}

第三种情况不要输入某

var patrn = /[`~!@#$%^&*_\-+=<>?"{}|\/;'\\[\]·~!@#¥%……&*————\-+={}|《》?“”【】‘'、]/gim;
if (patrn.test(val)) {
 this.$message({
  type: "error",
  message: "请勿输入特殊字符!"
 })

总结:好好学习正则表达式,超重要!!!

相关内容

热门资讯

空调连续工作多久需要停机休息 空调连续工作的时间取决于多个因素,包括空调的型号、功率、使用环境和维护情况等。一般来说,空调可以连续...
空调哪个符号是除湿的 空调除湿功能通常用一个水滴形状的符号表示。不同品牌和型号的空调遥控器可能会有所差异,但一般来说,除湿...
格力空调多长时间加一次氟利昂 1、一般情况下,空调对氟利昂的使用量是非常小的,所以在空调使用了四年左右的时候再考虑加也没问题。2、...
空调用多长时间需要加氟一次 一般情况下是五年。当出现以下这几种情况时,空调才需要加氟。1、空调的室内机和室外机各有两个接口,当接...
格调生活·C标思享荟:卡萨帝在... 9月12日的郑州龙湖金融岛,夜风轻拂,灯光璀璨。“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑...
品牌价值破千亿、高端份额持续领... 9月12日,“C标时刻共传奇——卡萨帝思享荟暨20周年品牌盛典郑州站”在郑州龙湖金融岛举办。2026...
空调主板坏了修800还是换新的 空调主板坏了是修还是换新,需要考虑多个因素,以下是一些建议:1. 维修成本:如果维修费用较低,比如 ...
空调开多久需要休息多长时间 问题:空调开多久需要休息多长时间回答:1、在使用空调的过程中,一般空调开7~8个小时左右需要休息2~...
中央空调多长时间清洗一次 1、一般空调开机前清洗一次即可,空调开机中间时段再清洗一次,空调关机时清洗一次,这样比较合理。2、空...
中央空调氟利昂多久加一次 看空调制热和制冷程度,很多人的观点认为氟利昂必须一年放一次,其实这个观点是错误的,理解上面有点偏差,...