我试图建立一个动态输入框.当我点击小键盘时,我希望它显示在框中,并将该框限制为一个数字.当它达到极限时,下一个输入将转到下一个框.
我不希望用户能够在输入框上单击并手动输入值,我只是希望他们使用小键盘.输入框是否是一个很好的解决方案?
这是我的代码:
https://jsfiddle.net/Piq9117/dwxt928c/
这段代码将我点击的数字放在所有方框上.如何编写它以便当盒子已有数字时它会转到另一个盒子?
$(function () {
var $passBox = $('input[type="text"]');
var $numpad = $('.numpad');
$numpad.on('click', function () {
var $numValue = $(this).text();
$passBox.val($numValue);
})
});
解决方法:
将输入字段设置为只读,然后替换以下脚本,您将获得预期的结果.
$(function() {
var $numpad = $('.numpad');
var n=0;
$numpad.on('click', function() {
var $passBox = $('input[type="text"]:eq('+n+')');
n=n+1;
if(n>1)
n=0;
var $numValue = $(this).text();
$passBox.val($numValue);
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。