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毛錢。