gpt4 book ai didi

正则表达式解决input框固定输入值得格式(金额,特殊字符)

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章正则表达式解决input框固定输入值得格式(金额,特殊字符)由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

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

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

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

第一种情况:只能输入某 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<template>
  <div id= "app" >
  {{value}}
  <el-input
   v-model= "value"
   clearable
   size= "small"
   class= "row-value "
   @input= "numCheck(value)"
   //这里我使用的是input,每输入一次就会检查,也可以使用change改变时检查或blur失去焦点时检查。
   >
   </el-input>
  </div>
</template>
 
<script>
  export default {
  name: "app" ,
  data() {
   return {
   value: ''
   };
  },
  methods: {
   numCheck(val){
   if (val != '' ){
    if (/[^1-9]/.test(val)) {
    //如果不能输入数字就去掉^,/[1-9]/.test(val)
    //只能输入字母,/[^A-z]/.test(val)
    //只能输入字母或数字(如密码),/[^1-9A-z]/).test(val)
    this .$message({
     type: "error" ,
     message: "只能输入数字,请重新输入!"
    })
    this .value = ''
    }
   }
   }
  }
  };
</script>

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

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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 = ''
}

金额 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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 = ''
}

第三种情况不要输入某 。

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

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

到此这篇关于正则表达式解决input框固定输入值得格式(金额,特殊字符)的文章就介绍到这了,更多相关input框固定输入值得格式内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我! 。

原文链接:https://blog.csdn.net/XinYiMiao__CSDN/article/details/109286678 。

最后此篇关于正则表达式解决input框固定输入值得格式(金额,特殊字符)的文章就讲到这里了,如果你想了解更多关于正则表达式解决input框固定输入值得格式(金额,特殊字符)的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com