正则表达式整理（基本）

红太狼 2022-03-01 06:00 235阅读 0赞

## 格式化数字 ##

**千分位**

format(num) { 
          var reg = /\d{1,3}(?=(\d{3})+$)/g
          return (num + '').replace(reg, '$&,')
      },

## 限制输入框只能输入数字 ##

oninput="value=value.replace(/[^0-9]/g,'')"

上面这种方式在vue中是错误的，没有利用vue中的特性，若为表单元素中的复杂类型，会造成双向绑定失效。

<el-input v-model="ruleForm.fansFinal" @input="numValid('fansFinal')" class="inputTextCenter" ></el-input>

numValid(val) { 
          // value=value.replace(/[^0-9]/g,'')
          this.$set(
            this.ruleForm,
            val,
            this.ruleForm[val].replace(/[^0-9]/g, '')
          )
        },

## 不允许输入中文和空格 ##

**不允许输入中文**

pattern = /[\u4E00-\u9FA5\uF900-\uFA2D]/

**不允许输入中文和空格**，*最后多了一个空格*

pattern = /[\u4E00-\u9FA5\uF900-\uFA2D ]/

js去掉首尾空格的正则表达式

str=str.replace(/^\s+|\s+$/g,'');

去掉所有空格的正则表达式

str=str.replace(/\s+/g,"")

js控制只能输入数字和逗号的正则表达式

var reg = /^[0-9,]+$/;
    	var txt = $("#id").html();
    	alert(reg.text(txt));

是否为由数字组成的字符串

function is_digitals(str) {  
    	var reg=/^[0-9]*$/; //匹配整数 
    	return reg.test(str); 
    }

javaScript split 按空格和换行切割

input_str.split(/[\s\n]/)

符号的含义：

^表示匹配字符串开头
    
    $表示匹配字符串结尾
    
    \d表示匹配数字
    
    a-z表示字母
    
    []表示集合，表示一个字符是[]中任意一个
    
    +表示匹配1个或1个以上，[]+表示匹配[]中的1个以上字符
    
    表达式后面的i表示忽略大小写
    
    test函数用于验证字符串是否满足正则表达式，如果满足，返回true，否则返回false

英语和数字混合的正则表达式：

var reg = /^[0-9a-zA-Z]+$/
    	var str = document.getElementById("mInput").value;
    	if(!reg.test(str)){ 
    	alert("你输入的字符不是数字或者字母")
    }