一个帅气的车牌输入插件
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毛錢。
?
?
總結
以上是生活随笔為你收集整理的一个帅气的车牌输入插件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html块左右排列,html – 如何均
- 下一篇: 小程序秒杀活动服务器,微信小程序官方上线