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

大家好!


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

一、前端Vue手机号校验

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



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

在这里我是将校验规则放到了@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对象,并将其赋值给变量pattern
	Matcher matcher = pattern.matcher(phone);	//给定的Pattern对象(pattern)创建一个Matcher对象,用于在指定的字符串中执行正则表达式匹配操作
	if(marcher.matches()){
        System.out.println("验证成功,是合法手机号码");
    }else{
        System.out.println("验证失败,不是合法手机号码");
    }

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


总结

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

你可能感兴趣的:(前端,vue.js,spring,boot,后端,java,vue)