我们螅岔出礤在用vue开发页面时，常常遇到表单的填写，有的需要输入姓名，手机号还有邮箱之类的信息，不可避免的需要进行输入的验证。本文描述了如何验证手机号
工具/原料
idea
ant-desgin-vue
方法/步骤
1、这里我们使用idea箧咦切诏作为开发环境，我们使用ant-design-vue的UI框架，这里为了方便描述，简化成antd。我们采用引入antd的js和css方式来进行，首先引入js和css文件
2、在antd的使用手册中我们找到form表单类，发现form支持枚举值、最大最小值的检测，同时也支持正则表达式的形式
3、因此我们使用正则表达式的方式来验证手机号，关于手机号的正则表达式很简单，/^1[3|4|5|7|8][0-9]{9}$/
4、我们在form表单的html中添加相应元素即可，规则（rules）中添加对应的表达式即可，这样页面元素就完成了。
5、我们通过前台进行演示，如果我们输入错误的手机号，表单会提示错误信息，请输入正确的手机号
6、如果我们输入正确的手机号，表单会通过验证，这样就实现了手机号的正则表达式验证功能
