一個帥氣的車牌輸入插件

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

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章