JavaScript正则表达式——几个常用验证（不定期更新）

常用的几个验证

1、验证手机号

其中正则表达式：/^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(199[0-9]{8})|(15[0-9]{9})$/;

 

 

 

data() {
      var validatePhone = (rule, value, callback) => {
          let mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(199[0-9]{8})|(15[0-9]{9})$/;
        if (!mobile.test(value)){
            return callback(new Error('请填写正确的手机号'));
        }else {
          callback();
        } 
      };

   return {

        ruleForm2: {   
                               phone: '',
                             },

          rules2: {
           
              phone: [
                { validator: validatePhone, trigger: 'blur' }
              ],
            
        },

},

 

2、验证邮箱

 

其中正则表达式：/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;

 

data() {
      var validateEmail = (rule, value, callback) => {
          let ema = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
        if (!ema.test(value)){
            return callback(new Error('请填写正确的邮箱'));
        }else {
          callback();
        }
        
      };

   return {

        ruleForm2: {   
                     email: '',
                             },

          rules2: {
           
             email: [
                { validator: validateEmail, trigger: 'blur' }
              ],
            
        },

},

 

 

 

3、验证固定电话

其中正则表达式： /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;

 

data() {
      var validateTel = (rule, value, callback) => {
         let telNum = /^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/;
        if (!telNum.test(value)){
            return callback(new Error('请填写正确的联系电话'));
        }else {
          callback();
        } 
      };

   return {

        ruleForm2: {   
                               tel: '',
                             },

          rules2: {
           
              tel: [
                { validator: validateTel, trigger: 'blur' }
              ],
            
        },

},

 

 

 

4、只能输入数字，在标签中添加限制（vue）

 

<el-form-item label="QQ" prop="qq" >
	<el-input type="text" :maxlength="30" v-model="Form.qq" auto-complete="off" onKeyPress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;"></el-input>
</el-form-item>

 

onKeyPress="if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false;"
 

 

5、url
[a-zA-z]+://[^\s]*
或
^([hH][tT]{2}[pP]:/*|[hH][tT]{2}[pP][sS]:/*|[fF][tT][pP]:/*)(([A-Za-z0-9-~]+).)+([A-Za-z0-9-~\\\\/])+(\\\\?{0,1}(([A-Za-z0-9-~]+\\\\={0,1})([A-Za-z0-9-~]*)\\\\&{0,1})*)$