elementui 表单使用正则做输入限制——深入了解JS正则
最近项目上联调测试有个需求,要在表单中限制输入内容,比如编号中禁止特殊符号,只能纯数字或者字母,又比如单价中只能数字和小数点之类的这种正则验证一般网上都有现成的,我准备抄一个来用,然后就发现居然一个全一点的都没有。我寻思这玩意也不难,于是就准备自己来写了。
这个验证不建议使用有关文字验证的部分,我才知道市面上为什么没有文字验证,因为这玩意还和输入法有关系, ,所以如果需要还是另外用方法做校验吧
首先,项目前端是基于vue和elementui为基础。
其中输入框验证是 基于vue的rules,还有elementui的各种绑定参数,今天主要是说基于正则的表单验证
基本简单介绍一下项目中目前大致在使用的基础校验样式
<el-input v-model="output"
//将所有数字和.之外的字符 替换为'' g表示 替换所有的
oninput="value=value.replace(/[^\d.]/g, '')"
></el-input>
主要都是基于replace方法,所以这次主要不讲解方法,聚焦于正则。
先惯例找一份文档读起,把我需要的东西都了解。
另外提一个之前博文的小bug,项目里面遇到的,在js里 0 = ‘’ 所以