1. PmTemple首页
  2. 产品研究院

开源代码[1]-车牌规则正则校验键盘

前言

做停车行业的小伙伴都知道,需要用户输入车牌的时候,车牌容易输入错误,同时也会很麻烦。所以本文章是联合了某前端开发同学一起提供开源代码,集成了国内车牌号的规则,为用户提供定制键盘方便用户输入车牌,下边看看效果吧。

效果演示

点击下方小程序卡片访问,体验效果。代码有不完善的地方可以在公众号回复,开发同学后续会继续维护。

车牌号规则

这里先简单整理了中国车牌号的规则:大家有兴趣可以百度搜索更加完整的车牌规则研究~

产品研究院

开源代码

  1. <view class="SevenDreamY-keyboard-head">
  2. <text bindtap="onConfirm">完成</text>
  3. </view>
  4. <view class="SevenDreamY_keyboard" hidden="{{isProvince}}">
  5. <view class="special_row" hidden="{{!isSpecial}}">
  6. <view class="special_item com_key {{H_Ckey ?'prohibit_key':''}}" bindtap="onKey" data-key="港"></view>
  7. <view class="special_item com_key {{H_Ckey ?'prohibit_key':''}}" bindtap="onKey" data-key="澳"></view>
  8. <view class="special_item com_key {{CarNumid !== 0?'prohibit_key':''}}" bindtap="onKey" data-key="学"></view>
  9. <view class="special_item com_key {{CarNumid !== 3?'prohibit_key':''}}" bindtap="onKey" data-key="警"></view>
  10. <view class="special_item com_key {{CarNumid !== 3?'prohibit_key':''}}" bindtap="onKey" data-key="应急">应急</view>
  11. <view class="special_item com_key {{CarNumid !== 4 || !H_Ckey?'prohibit_key':''}}" bindtap="onKey" data-key="使">使</view>
  12. <view class="special_item com_key {{CarNumid !== 4 || !H_Ckey?'prohibit_key':''}}" bindtap="onKey" data-key="领"></view>
  13. </view>
  14. <view class="key_row">
  15. <block wx:for="{{firstRow}}" wx:for-index="idx2" wx:for-item="key_item" wx:key="idx2">
  16. <view class="key_item com_key {{SecondNotKeyValue||isSpecial?'prohibit_key':''}}" bindtap="onKey" data-key="{{key_item}}">
  17. {{key_item}}
  18. </view>
  19. </block>
  20. </view>
  21. <view class="key_row">
  22. <block wx:for="{{SecondRow}}" wx:for-index="idx2" wx:for-item="key_item" wx:key="idx2">
  23. <view class="key_item com_key {{isSpecial?'prohibit_key':key_item == 'I'?'prohibit_key':''}}" bindtap="onKey" data-key="{{key_item}}">
  24. {{key_item}}
  25. </view>
  26. </block>
  27. </view>
  28. <view class="key_row">
  29. <block wx:for="{{ThirdRow}}" wx:for-index="idx2" wx:for-item="key_item" wx:key="idx2">
  30. <view class="key_item com_key {{isSpecial?'prohibit_key':''}}" bindtap="onKey" data-key="{{key_item}}">
  31. {{key_item}}
  32. </view>
  33. </block>
  34. </view>
  35. <view class="key_row">
  36. ..........................................

完整代码下载链接:https://github.com/SevenDreamYang/miniprogram-keyboard-type

代码开发者

Name:SevenDreamYang Time:2020-4

 

原创文章,作者:王得宇AIPM,如若转载,请注明出处:https://www.pmtemple.com/silence/11145/

发表评论

电子邮件地址不会被公开。 必填项已用*标注