First，

? ? 項(xiàng)目中用到了一個車牌信息錄入，本來直接給的是一個文本框讓用戶自己輸入車牌，不過客戶不是很滿意，有的用戶不寫地區(qū)，有的用戶不在意大小寫，導(dǎo)致得到的信息很雜亂。

Second，

? ? 之前的輸入框類似這樣的，用戶手動輸入的?

??

? ? 現(xiàn)在的車牌輸入是這樣的

????

? ? 這是產(chǎn)品在網(wǎng)上找的一個插件，下載網(wǎng)址? ?http://www.17sucai.com/pins/25435.html? ?這個下載是要積分的，害我充了5塊錢，還不給報銷。

Three，

? ? 這個下載完就是開發(fā)了，壓縮包里面有兩個目錄js和lay-mobile? ??

?????把js下的index.js導(dǎo)入我們的js目錄下，

? ? 把lay-mobile下的 layer.js 導(dǎo)入我們的js? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? 和layer.js平級的還有一個need文件夾，，need文件夾里面是一個lay.css

? ? 吧need文件夾直接導(dǎo)入到我們的js下

? ? 因?yàn)橹拔野裯eed文件夾導(dǎo)入到我的css目錄下，啟動項(xiàng)目總是找不到layer.css，最后發(fā)現(xiàn)在lay.js中調(diào)用css默認(rèn)目錄時本路徑下的need/lay.css。所以把need文件夾直接導(dǎo)入js目錄下以防入坑。

? ? Four，

? ? 打開壓縮包下的demo.html，查看源碼將源碼復(fù)制到自己的html頁面，引入相應(yīng)的js

????

? ? 具體相應(yīng)的輸入框大小可以自己進(jìn)行調(diào)試

? ? 之后我們輸入車牌號后會彈出我們的車牌號的值

????

? ? 這樣我們就不需要從li里面一個一個的取值了，他的彈出框按鈕在index.js第46行，我們可以刪掉。

Five，

? ? 但是，demo里面試完美的把值彈出來了，而放到了自己項(xiàng)目中彈出的車牌號每個數(shù)字中間空了好多空格，

? ? 看了看index.js中明明已經(jīng)寫了去除空格的方法，為什么不好用，這是index.js里的

????

? ? 于是我在網(wǎng)上又搜了一個，這是我寫字html中的校驗(yàn)

????

? ? 只需要判斷plateNumber的length是不是小于7就可以知道用戶有沒有把車牌填完整了。

END------

? ? 這個js插件如果你不想下載的話我可以給你私發(fā)哦====

? ??下載網(wǎng)址? ?http://www.17sucai.com/pins/25435.html

? ? ?下載這個資源需要20積分，5塊錢500積分，每次只能充五元。我浪費(fèi)了4塊8毛錢。

?

?

總結(jié)

以上是生活随笔為你收集整理的一个帅气的车牌输入插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。