前端Vue手机号校验及后端Java手机号校验

阅读本书更多章节>>>>

大家好！

---

今天给大家分享的知识是前端Vue手机号校验以及后端Java进行手机号校验，这两个也是我在开发过程中遇到的问题，现在来给大家分享一下我的解决办法。

一、前端Vue手机号校验

在这里我写了一个很简单的小例子，大家可以参考一下，在此基础上进行改进，代码如下：

<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>

关键代码都有注释，如有不明白的可以私信我。

在这里我是将校验规则放到了@Blur方法里，@Blur 是当元素失去焦点时所触发的事件。大家也可以放到表单校验规则里。

二、后端Java手机号校验

后端我也写了一个简单的小例子供大家参考，我在校验之前做了一个小处理，将字符串的前后首尾空格去掉了。代码如下：

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

具体的代码也都标明了注释，大家如有不明白的可以给我发私信，欢迎打扰~ 

---

总结

以上就是我想要向大家分享的前端Vue和后端Java分别对手机号进行校验，如果大家有更好的想法欢迎及时指出，最后记得关注加点赞！！谢谢观看！！！！！！！！！

阅读本书更多章节>>>>

本文链接：https://www.kjpai.cn/gushi/2024-04-12/157385.html，文章来源：网络cs，作者：利杜鹃，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！