【玩转vue】判断快递单号是否符合规则

今天有粉丝问我如何判断用户输入的快递单号是否正确:
【玩转vue】判断快递单号是否符合规则_第1张图片

我先是给童鞋提供了思路,但是转念一想诚意不够,我就花了点时间写了个小demo,有点粗糙,但是可以给大家提供一些思路,demo工程下载地址:vue判断输入的快递单号是否符合规则Demo-Javascript文档类资源-CSDN下载(大神门可以绕道了,轻喷T_T),

再捋一下思路:

1、为快递公司select控件设置change事件,当selelct控件的值发生变化时,触发change事件,然后获取select的值保存起来(如果快递单号此时有值,直接进行选中的快递公司的格式判断)
2、然后快递单号值也写个change事件,如果快递单号发生变化,获取之前保存的快递公司select的值,判断快递单号的格式(此时必须要求用户先选择快递公司,没有就报错)
3、判断快递单号的逻辑是一个公共方法,判断的正则表达式可以自己定义,也可以从公共接口获取。

主体代码:







效果: 【玩转vue】判断快递单号是否符合规则_第2张图片希望可以给这位童鞋一点有用的思路^_^

你可能感兴趣的:(vue入门与实战,vue.js,elementui,快递单查询,RegExp)