前端Vue手机号校验以及后端Java手机号校验例子

<template>
  <div>
    <label>请输入手机号码：</label>
    <el-input type="text" v-model="phone" @blur="validatePhone" />
    <span v-if="!validPhone">请输入有效的手机号码！</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      phone: '', //input框绑定的手机号
      validPhone: true //控制span是否出现
    }
  },
  methods: {
    validatePhone() {
      // 手机号正则表达式
      const reg = /^1[3|4|5|6|7|8|9][0-9]\d{8}$/
      // 验证手机号
      if (!reg.test(this.phone)) {
        this.validPhone = false
      } else {
        this.validPhone = true
      }
    }
  }
}
</script>

    String mobile = " 15800000000  ";
	String phone = mobile.trim(); //清空手机号首尾多余空格(中间有空格不会去除，只会去除首尾空格)
	String regex = "^1[3-9]\\d{9}$"; //手机号正则表达式
	Pattern pattern = Pattern.compile(regex);  //通过调用Pattern.compile()方法，将该正则表达式编译成一个Pattern对象，并将其赋值给变量pattern
	Matcher matcher = pattern.matcher(phone);	//给定的Pattern对象（pattern）创建一个Matcher对象，用于在指定的字符串中执行正则表达式匹配操作
	if(marcher.matches()){
        System.out.println("验证成功，是合法手机号码");
    }else{
        System.out.println("验证失败，不是合法手机号码");
    }