拆分框以输入相同ID的编号

Question

您好我在下面的表单字段中输入税号。我想知道我怎么能把它分开，这样第一个盒子只需要2个数字而不是第二个7个带“ - ”，即44-2234233

    <div class="form">
        <label class="form1" for="o_taxId">Tax Id</label>
        <input type="number" class="medium" id="o_taxId" name="taxId" />
    </div>

请帮忙。谢谢

Answer 1

使用JQuery，您可以这样做：

<div class="form">
    <label class="form1" for="o_taxId">Tax Id</label>
    <input type="number" class="medium" id="o_taxId" name="taxId" size="2" maxlength="2" />
    <input type="number" class="medium" id="o_taxId2" name="taxId2" size="7" maxlength="7" />
</div>
<script>
$('#o_taxId').bind('input', function() { 
    var length1 = $(this).val().length;
    if (length1 === 2) {
        $('#o_taxId2').focus();
    }
});
</script>

当你输入第一个字段时，这个交换焦点会自动聚焦到第二个字段，但是如果你不需要它，你可以删除脚本。