First,
项目中用到了一个车牌信息录入,本来直接给的是一个文本框让用户自己输入车牌,不过客户不是很满意,有的用户不写地区,有的用户不在意大小写,导致得到的信息很杂乱。
Second,
之前的输入框类似这样的,用户手动输入的
现在的车牌输入是这样的
这是产品在网上找的一个插件,下载网址 http://www.17sucai.com/pins/25435.html 这个下载是要积分的,害我充了5块钱,还不给报销。
Three,
这个下载完就是开发了,压缩包里面有两个目录js和lay-mobile
把js下的index.js导入我们的js目录下,
把lay-mobile下的 layer.js 导入我们的js
和layer.js平级的还有一个need文件夹,,need文件夹里面是一个lay.css
吧need文件夹直接导入到我们的js下
因为之前我把need文件夹导入到我的css目录下,启动项目总是找不到layer.css,最后发现在lay.js中调用css默认目录时本路径下的need/lay.css。所以把need文件夹直接导入js目录下以防入坑。
Four,
打开压缩包下的demo.html,查看源码将源码复制到自己的html页面,引入相应的js
具体相应的输入框大小可以自己进行调试
之后我们输入车牌号后会弹出我们的车牌号的值
这样我们就不需要从li里面一个一个的取值了,他的弹出框按钮在index.js第46行,我们可以删掉。
Five,
但是,demo里面试完美的把值弹出来了,而放到了自己项目中弹出的车牌号每个数字中间空了好多空格,
看了看index.js中明明已经写了去除空格的方法,为什么不好用,这是index.js里的
于是我在网上又搜了一个,这是我写字html中的校验
只需要判断plateNumber的length是不是小于7就可以知道用户有没有把车牌填完整了。
END------
这个js插件如果你不想下载的话我可以给你私发哦====