位置: 编程技术 - 正文

jQuery实现6位数字密码输入框(jquery操作数组)

编辑:rootadmin

推荐整理分享jQuery实现6位数字密码输入框(jquery操作数组),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery 设置值,jquery 设置元素位置,如何使用jquery设置一个属性值,如何使用jquery设置一个属性值,jquery 设置值,jquery 设置value,如何使用jquery设置一个value值为hello,jquery number,内容如对您有帮助,希望把文章链接给更多的朋友!

下个月就要过年了,感觉有点瞎忙。翻了翻博客,感觉这个月都在打酱油啊。借口那么多,其实真的有点懒了,呵呵!

  我争取在放假前,将自我总结以及来年计划发出来,把自己打造为勉族,不然真要浑噩度日了。

  前几天,项目有个功能和某宝购物支付密码的输入框有点类似,就自己写了这篇博文,权当总结笔记吧。

  ??掳胩炝耍?苯由洗?耄?/p>

结构层:

通过结构层,分析下大概思路:

jQuery实现6位数字密码输入框(jquery操作数组)

本功能就是一个真实输入框和6个假输入框的故事。

将真实输入框和假输入框容器都定位重叠,注意将真实输入框的优先级设置较高,不然就输入不了咯。 为了做成看似假输入框在输入,则将真实输入框隐藏,用opacity隐藏哦。 用户输入时,通过行为层js将真实输入框的值分配给每个假输入框。 输入的同时,控制假输入框光标的效果,我用了一张某宝的图片做成的,实际上,假输入框是没有获取到焦点的。

注意:

这里真实输入框的type类型用的是tel,而不是number。因为后者会生成小箭头呀,前者在用户点击输入框时app判断type是tel就会弹出数字输入键盘更好。

表现层:

样式里面就一个定位重叠,一个隐藏真实输入框,我就不想多唠叨了。css我用sass写的,转译css有点乱,博友们将就看看吧。

行为层:

因为tel类型,在pc端兼容问题,所以加了点正则。

本身没有什么复杂的东西,我就不多??铝耍?枰?⒁獾牡胤蕉技幼⑹土恕?/p>

附上完整代码:

标签: jquery操作数组

本文链接地址:https://www.jiuchutong.com/biancheng/374014.html 转载请保留说明!

上一篇:JQuery统计input和textarea文字输入数量(代码分享)(jquery如何获取input的值)

下一篇:EasyUI学习之Combobox级联下拉列表(2)(easyui-accordion)

  • 小规模纳税人结转
  • 出口货物适用什么税率
  • 出口退税认定如何办理
  • 买房契税如何计算
  • 注册资本印花税按年申报还是按次申报
  • 科研材料怎么买
  • 发票商品类别有哪几种
  • 个体户一季度不超过30
  • 小规模季超30万,蔬菜还免增值税吗
  • 银行回单日期晚于做账日期
  • 异地施工如何缴工会经费
  • 收到去年的成本发票
  • 冲销已结转的成本
  • 房产契税新政策消息2023
  • 生产出来的次品怎么入账
  • 公司提供职工午餐违法吗
  • 委托代理合同后果的承担
  • 进口关税完税价格
  • 出售使用过的固定资产如何开票 备注
  • 跨省非独立核算分公司如何报税
  • 火腿属于免税产品吗
  • 钢板租赁费用
  • 境内企业技术转让 增值税
  • 哪些外籍个人应在中国缴纳个税?
  • 资本结构理论有哪些类型
  • 支付佣金费用没扣怎么办
  • 在国外餐厅吃饭服务费和税费
  • 公司组织的团建受伤算工伤吗
  • 公司收回货款会计分录
  • 固定资产计提完折旧怎么处理
  • 天猫收取的三大费用
  • PHP:Memcached::get()的用法_Memcached类
  • 其他应付款不用付了怎么处理
  • 应收罚款收入
  • 笔记本电池消耗大怎么办
  • u盘格式化技巧
  • 电脑前面板耳机没声音怎么设置bios
  • 应付账款挂账会计分录
  • php怎么传递参数
  • 提租补贴计入个税吗
  • 什么是变动成本率
  • python怎么设置字符串宽度
  • 天然气零售企业
  • 收到投资款怎么做账
  • 其他应收款其他应付款的风险
  • 利润表中利息费用为负数是什么意思
  • 红字记账是什么意思
  • 生活办公用品清单
  • 经营现金支出包含哪些内容
  • python next iter
  • 收到银行电子汇票已入账怎么做账
  • 车辆保险费如何缴纳印花税的
  • 农产品加工会计分录
  • 复利现值系数表系数表
  • 职工薪酬纳税调整明细表税收金额
  • 库存现金主要账目有哪些
  • 工会经费购买的固定资产处置
  • 商业保险的养老保险可靠吗
  • 生产成本要如何核算
  • 新公司办公室装修费怎么记账
  • 公允价值的通俗理解
  • 只有合同没发票能挂账吗
  • 销货方开红字发票
  • 预付账款长期挂账的合理原因
  • 何为调整事项
  • 收到政策性搬迁短信
  • 会计账簿按外表形式分
  • windows8.1显卡驱动
  • win8进入电脑休眠后怎么唤醒
  • 网卡破解
  • 文件夹windows
  • python如何搭建环境
  • android四大组件生命周期
  • js状态管理
  • 如何利用python写爬虫
  • js的调用函数
  • 拟录用人员公示后还会递补吗
  • 在山东省一个月水费大概多少
  • 临汾的公司需要交社保吗
  • 2023个税税率及速算扣除数
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设