focus - 年/月/日输入

Question

我正在寻找一些简单的代码

<input type="text" name="year" maxlength="4">

<input type="text" name="月" maxlength="2">

<input type="text" name="day" maxlength="2">

所以当我完成输入年份时，它会专注于月和日并停止。

我似乎无法在 Google 中找到正确的搜索词。我确信这是由 1000 人完成的。

Answer 1

试试这个代码；我使用jQuery来完成这个。您需要将 jquery 包含在同一目录中，并将“id”属性添加到您的每个输入中。

<script src='jquery.js' type="text/javascript"></script>

<input type="text" name="year" id="year" maxlength="4">

<input type="text" name="month" id="month" maxlength="2">

<input type="text" name="day" id="day" maxlength="2">

<script type="text/javascript">
    $("#year").bind( 'keypress', function(e) {
        if( $("#year").val().length >= 4 ) 
            $("#month").focus();
    });
    $("#month").bind( 'keypress', function(e) {
        if( $("#month").val().length >= 2 ) 
            $("#day").focus();
    });
</script>