el-input使用正则限制输入计算符号

最新推荐文章于 2024-05-13 10:45:54 发布
最新推荐文章于 2024-05-13 10:45:54 发布
阅读量259 收藏
点赞数
分类专栏： 前端 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jean_yuanyuan/article/details/131241053
版权
文章展示了一个Vue组件示例，用于在表格列中创建一个可编辑的输入框。它使用`el-input`组件并绑定`v-model`来更新数据，同时在`@input`事件中调用`noSpecialCode`方法来阻止用户输入特定的计算字符，如括号、加号、减号、星号和斜线。提供的两个`noSpecialCode`函数分别展示了允许和禁止输入这些特殊字符的实现。
摘要由CSDN通过智能技术生成 
<el-table-column prop="label" label="变量名" minWidth="100">
        <template slot-scope="scope">
          <el-input size="mini" v-model="scope.row.label" placeholder="请输入" @input="(e) => (scope.row.label = noSpecialCode(e))"></el-input>
        </template>
      </el-table-column>

只能输入计算字符

noSpecialCode(e) {
     
      let value = value.replace(/[^()+\-*\/]/g, "");
      return value;
    },

禁止输入计算字符

noSpecialCode(e) {
      const forbiddenCharsRegex = /[\(\)\+\-\*\/]/g;
      return e.replace(forbiddenCharsRegex, "");
    },

Jean_yuanyuan
关注
专栏目录
el-input 输入框禁止输入特殊字符
吴小花的博客
10-26 3116
<template> <el-input v-model="value" placeholder="请输入" @keyup.native="keyUp" @keydown.native="keydown" ></el-input> </template> <script> export default { methods:{ //限制输入.
vue中对el-input输入的内容进行正则判断，两个字符中间有分隔符验证，楼层输入格式修改正则转换，判断前后字符之间，使用的是否为、：|/-如果不是则会取消
qq_41180882的博客
02-28 901
在vue中将输入的内容进行正则格式转换，这里主要是用来做楼层转换，传给后端的必须是某些格式，其中存数字，中间带、：|/-都可以，其他不行比如2-3这样，还会对总楼层等进行判断
element中el-input组件限制输入条件(数字、特殊字符)
m0_71231013的博客
07-24 9505
【代码】element中el-input组件限制输入条件(数字、特殊字符)
用自定义指令的方式校验el-input不能输入特殊字符
shensa5556的博客
11-04 1558
用自定义指令的方式校验el-input不能输入特殊字符
输入框禁止输入特殊字符
本博客只是个人的知识点的小总结，方便自己查阅，能帮助到你是最好的，如果有不正确之处，欢迎你的指正
05-24 1021
输入框禁止输入特殊字符
限制el-input输入框的内容（1）不能输特殊字符（2）只能输纯数字（3）校验IP地址（4）校验经纬度
qq_35035975的博客
04-29 6030
<el-input :value="form.name" @input="e => form.name = validSe(e)" maxlength="15" placeholder="请输入名称" ></el-input> import Vue from "vue" //限制计划名称不能输入特殊符号、不能超过15个字符 Vue.prototyp...
el-input禁止输入特殊字符以及对输入框做其他限制
whisperSec的博客
03-22 6575
对Element的el-input禁止输入特殊字符，这里是禁止输入，而不是输入特殊字符后校验。 这里试用过 @keyup 和 @input.native，感觉都有点问题。 <el-form :model="userForm" :rules="rules" ref="userRef" label-width="150px"> <el-form-item label="姓名" prop="name"> <el-input :value=
el-input 正则检验 字母数字特殊符号
06-03
如果您使用的是 Element UI 中的 `el-input` 组件，并且需要对用户输入进行正则表达式的校验，可以使用 `el-input` 的 `validateEvent` 和 `regExp` 属性来实现。以下是一个示例代码： ```html <el-input v-model...
el-input 正则检验 字母或数字或特殊符号
06-03
如果您需要在 Element UI 的 `el-input` 组件中对用户输入进行字母或数字或特殊符号的正则表达式校验，可以在 `el-input` 组件上使用 `pattern` 和 `title` 属性来实现。以下是一个示例代码： ```html <el-input ...
vue element-ui实现input输入框金额数字添加千分位
10-15
作者在文章中提到，使用Element-UI中的`<el-input>`组件，可以较为方便地实现输入框的功能。 2. 千分位格式化方法实现 文章中提供了util.js文件，定义了几个关键方法，用于处理金额的千分位格式化。核心函数是`...
vue:el-input输入时限制输入的类型操作
10-15
主要介绍了vue:el-input输入时限制输入的类型操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue3 实现el-input只能输入数字和符号
08-04
其中一种方法是使用oninput事件和正则表达式来限制输入，只允许数字和符号的输入。另一种方法是使用@input事件和自定义的inputChange方法来替换非数字和符号的字符。你可以根据自己的需求选择其中一种方法来实现。 ...
element-plus(输入框)：el-input(限制它不可输入除数字以外的特殊字符)
Joy_nn的博客
08-11 1735
对组件element-ui-plus组件里的el-input框进行需要的限制
el-input,输入正则
Backbody_的博客
02-14 1606
常用el-input 输入限制正则和常用方法
el-input 输入框的正则
weixin_54167313的博客
07-15 1773
输入框正则
input禁止输入特殊字符
weixin_30512785的博客
07-20 215
var tag//目标元素 $(document).on("keydown",tag,function showKeyPress(evt) {evt = (evt) ? evt : window.eventreturn checkSpecificKey(evt.keyCode);}) function checkSpecificKey(keyCode) { var specialKe...
el-input 正则整理
最新发布
m0_63811812的博客
05-13 634
el-input 正则限制
输入框内禁止输入特殊字符
qq_39877681的博客
02-01 2530
输入框内禁止输入特殊字符
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值