位置: 编程技术 - 正文

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)

  • 自产用于捐赠的会计处理
  • 税务信用级别为m级
  • 进项税未抵扣进账了怎么处理
  • 电子税务局申报的财务报表在哪里查询
  • 软件服务费280抵扣申报
  • 合并后少数股东权益的处理
  • 往期附加税申报错误更正后怎么退税
  • 慈善捐款抵税的会计分录
  • 红字信息表跨月撤销和申报
  • 小规模纳税人超过500万可以不转一般纳税人吗
  • 挂靠管理费如何入账?
  • 缴纳公积金工资基数
  • 两个公司的现金怎么交税
  • 货物运输代理服务税率
  • 员工入职第一个月交社保吗
  • 持有营业执照
  • 商业汇票记什么会计科目?
  • 企业残疾人保障金
  • 工商年报报表
  • 物业公司水费差额征税不备案
  • 小型微利企业的企业所得税优惠政策
  • 在建工程如何评估价值
  • 会计制度备案成本核算方法一般选择哪个
  • 公司流水账是会计做吗
  • php is_integer
  • 本月未抵扣完的进项税是否转出
  • 进口增值税公式计算公式
  • 资产负债表怎么算资产负债率
  • 追加投资会增加实收资本吗
  • 如何区分货币财富和收入
  • 超市进货产品
  • devtools无法加载源映射less.map
  • 新西兰南岛西南部
  • 超过小规模纳税人标准能不转一般纳税人吗?
  • 承兑汇票和现汇
  • 车辆保养费可以计入交通费吗
  • php连接数据库的基本步骤是什么
  • 前端vue面试题
  • 谁能代替你啊
  • 购买超市购物卡会计分录
  • fsck命令详解
  • 经销商自用车是指什么
  • 固定资产的原价包括增值税吗
  • 循环表是线性表吗
  • 小规模纳税人销售货物税率是多少
  • 微众银行的企业贷款好批吗
  • 公司购买基金入什么科目
  • 实收资本可以去银行查吗
  • sql语句分组汇总
  • 直接计入所有者权益的利得和损失,影响当期损益
  • 给客户退款怎么说
  • 公司班车运费如何入账的
  • 餐饮赠送的菜品需要缴税吗
  • 劳务费是否属于工资
  • 子公司如何向母公司开户
  • 土地租金怎么做账
  • 预收物业费预收什么意思
  • mysql 定点数和浮点数
  • ubuntu安装软件没反应
  • windows server 2008 r2激活密钥
  • window10节电模式怎么关闭
  • win32api.exe - win32api是什么进程
  • win7打开注册表的命令
  • spamsub.exe - spamsub进程是什么文件
  • mac使用磁盘工具的快捷键
  • win10 edge浏览器设置信任站点
  • Msssrv.exe - Msssrv是什么进程 有什么用
  • linux关闭sh
  • win7系统如何查找文件
  • redhat linux安装
  • Shell脚本监控日志 出现关键字 grep提醒
  • react 系列
  • android连接手机
  • javascript:void(o)怎么解决
  • 国家税务总局并入财政部最新消息
  • 税控服务费抵扣填哪
  • 房产税的计税依据及税率
  • 呼和浩特新城区政府官网
  • 我们是小规模纳税人,有个人所得税代扣代缴的业务吗
  • 贵州省税务局领导介绍
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设