常用正则

开发中常常会碰到一些验证，自己随手记录下来，方便后面开发，省下时间来更多的去关注业务技术和功能点

1. 只能输入数字

<el-input v-model.trim="mobile"  placeholder="请输入手机号码"  @input="handleInput('mobile')"     />

<script>
    export default{
        data(){
            return{
                mobile:''  
            }
        },
        method:{
            handleInput(key) { // 只能输入数字控制
              this.formData[key] = this.formData[key].replace(/[^\.\d]/g, '')
              this.formData[key] = this.formData[key].replace('.', '')
            },
        }
    }
</script>

2. 只能输入字母和数字 或汉字

<el-input v-model.trim="formData.empCode"  placeholder="请输入员工编码"  @input="handleInput('empCode')" />

 
 <script>
     export default{
         data(){
             return{
                 empCode:''  
             }
         },
         method:{
             handleInput(key) { 
                  // 限制只能输入字母 和数字
               this[key] = this[key].replace(/[^\a-\z\A-\Z0-9]/ig, '')
                 //  限制只能输入字母  汉字  数字
                this[key] = this[key].replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g, '')
             },
             
         }
     }
 </script>

3. 密码

var pattern = /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$/

if(pattern.test('131231')){
   console.log(请输入至少8个字符，至少1个字母，1个数字和1个特殊字符的密码) 
}

赏

谢谢你请我吃糖果

支付宝

微信