一个帅气的车牌输入插件

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插件如果你不想下载的话我可以给你私发哦====

    下载网址   http://www.17sucai.com/pins/25435.html

     下载这个资源需要20积分，5块钱500积分，每次只能充五元。我浪费了4块8毛钱。