正则表达式解决input框固定输入值得格式(金额,特殊字符)_el-input输入正则校验 - CSDN文库

5星 · 超过95%的资源 77 浏览量更新于2023-05-03 评论收藏 42KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

正则表达式解决正则表达式解决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 = ''

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论5

简甜XIU09161027

2023-07-24

这个文件深入浅出地解释了正则表达式如何解决固定输入值格式的问题，并提供了一些可复用的代码示例，对于开发者来说是一份有价值的资料。

weixin_38621624

粉丝: 3
资源: 900

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈