Question

我正在努力使用jQuery复制iPhone解锁屏幕。我在实现密码解锁页面的自动标签和删除按钮时遇到了问题。

另外，如何在清除输入字段的同时实现一个向后自动标记的删除按钮？

$("#keypad li a.delete").click(function() {
    $("input.focus").val("").removeClass("focus").prev().addClass("focus").focus();
});

我的意图是最后一个填充的输入有一个focus类，所以删除按钮将从那里开始并返回，当输入用完时停止。

单击时，删除按钮不会执行任何操作。我该如何解决这个问题？

Answer 1

此脚本修复了所有问题，

$("#pw-container form input").keyup(function() {
    if ($("#pw-container form input:first").val().length > 0) {
        $("#keypad li a.cancel").removeClass("cancel").addClass("delete").text("Delete");
        if( $(this).prevAll("input").size() === 3 ) { 
            $(this).addClass("focus").focus(); 
        } else if ($(this).val().length > 0) {
            $(this).removeClass("focus").next().addClass("focus").focus();
        }
    } else if ($("#pw-container form input:first").val().length === 0) {
        $("#keypad li a.delete").removeClass("delete").addClass("cancel").text("Cancel");
    }
});

另外，HTML，

<input type="password" maxlength="1" size="1" class="focus" />
<input type="password" maxlength="1" size="1" />
<input type="password" maxlength="1" size="1" />
<input type="password" maxlength="1" size="1" />

Answer 2

要检查当前元素的索引，可以使用

if( $(this).prevAll("input").size() < 3 ){...}

你的“删除按钮”功能对我来说没问题，所以也许你想详细说明你遇到的问题？

使用jQuery自动选项卡和删除按钮

2 个答案: