位置: 编程技术 - 正文

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)

  • 递延所得税资产和所得税费用的关系
  • 个税手续费返还要交企业所得税吗
  • 个税预扣预缴扣除项目有哪些
  • 使用权资产和租赁负债的计税基础
  • 私车公用报销流程怎么写
  • 同业清算交易渠道
  • 金税盘地区编号淄博
  • 事业单位财务收支
  • 企业合并怎么做账
  • 清算期间研发费用是否可以加计扣除附会计处理
  • 网上平台服务年费应该计入什么费用?
  • 经营租赁融资租赁增值税税率
  • 印花税少提了怎么办
  • 企业债券收入要在所得税前扣除吗
  • 产品研发费用属于固定成本吗
  • 自制原始凭证需要复核
  • 专用发票可以抵税是什么意思
  • win11前面板耳机没声音
  • 用自产的产品用于生产线
  • 我公司对某公司作如下措施
  • win10好几个操作系统
  • 工程结算的账务处理
  • pddocument.load
  • ipssvc.exe - ipssvc是什么进程 有什么作用
  • 企业购入固定资产要交印花税吗
  • 分批付款怎么确认收入
  • php @method
  • 厂区绿化工程计入什么科目
  • thinkphp addons
  • 图文详解水的画法
  • 2023前端面试题目100及最佳答案
  • 从零开始打造神级文明
  • 什么是男人无力的行为
  • python绘制一条直线
  • 利润表没有本月金额只有本年累计可以吗
  • 税控盘费和服务费都可以减免吗
  • 二季度报表是累计数吗
  • 织梦cms官网
  • 政府补助 项目资本金
  • 收到的普票金额多开了怎么处理呢
  • 税务异常有哪些影响
  • 摄影行业开票
  • mysql分页优化原理
  • 停车费报销会计分录
  • 购进商品售价金额核算
  • 单位收走三方协议
  • 收到微信公众号反诈骗风险提示
  • 金税盘税费减免分录
  • 财产保险的金额
  • 小规模纳税人发票可以抵扣吗
  • 高新企业研发费用占比
  • 年终奖和工资一起发吗
  • 商品流通企业有哪些企业
  • mysql8.0优化
  • mysql字段什么意思
  • sqlserver时间格式转换yyyy-mm
  • linux服务端
  • win7旗舰系统
  • virtualbouncer.exe是什么进程
  • win10rs2是哪个版本
  • ubuntu 8.04.1 LTS 下的cpu温度监控软件lm-sensors
  • 电脑键盘上f1到f12快捷键的功能分别是
  • ubuntu系统怎么安装微信
  • 缩放打印到一张a4纸上设置
  • js调用xml
  • jquery技巧
  • Unity3D游戏开发毕业论文
  • Unity3D游戏开发标准教程
  • shell delete
  • js表单事件有哪些
  • android客户端开发是干嘛的
  • python微信公众号开发教程
  • js页面点击怎么随机生成图片
  • 企业所得税国家和地方分配比例
  • 如何打印纳税申报表
  • 代收工会经费标准规定
  • 融资租赁做什么业务
  • 增值税专用发票和普通发票的区别
  • 房没交契税和物业维修金房屋预告登记证明可以打印吗
  • 盘锦税务局招聘信息
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设