1、这里我们使用idea作为开发环境,我们使用ant-design-vue的UI框架,这里为了方便描述,简化成antd。我们采用引入antd的js和css方式来进行,首先引入js和css文件

3、因此我们使用正则表达式的方式来验证手机号,关于手机号的正则表达式很简单,/^1[3|4|5|7|8][0-9]{9}$/

5、我们通过前台进行演示,如果我们输入错误的手机号,表单会提示错误信息,请输入正确的手机号

1、这里我们使用idea作为开发环境,我们使用ant-design-vue的UI框架,这里为了方便描述,简化成antd。我们采用引入antd的js和css方式来进行,首先引入js和css文件
3、因此我们使用正则表达式的方式来验证手机号,关于手机号的正则表达式很简单,/^1[3|4|5|7|8][0-9]{9}$/
5、我们通过前台进行演示,如果我们输入错误的手机号,表单会提示错误信息,请输入正确的手机号