字段达到最大长度后按登录按钮

时间:2014-05-09 03:08:46

标签: javascript jquery jquery-ui

我有一个登录表单,empNum的maxlength和ssn是4.这是我的代码 HTML:

<input type="text" id="empNo" name="empNo" style="width: 90px; margin-left: 10px" maxlength="4" onkeyup="nextField(this, 'ssn')"/>
<input type="text" id="ssn" name="ssn" style="width: 90px; margin-left: 10px" maxlength="4" onkeyup="nextField(this, 'submit')"/>
<input type="submit" class="btn btn-success"
                           style="font-weight: bold;display: inline; margin-top: 5px;"
                           value="Login">

的javascript:

function nextField(current, nextFieldID) {
    if (current.value.length >= current.maxLength) {
        document.getElementById(nextFieldID).focus();
    }
}

这意味着当我用4个字符填充empNum时,它是ssn字段的自动选项卡。如何填写ssn的4个字符,它将自动登录而不是按登录按钮。

1 个答案:

答案 0 :(得分:0)

尝试使用:

$('#ssn').keyup(function() {
    if(this.value.length == this.maxLength) {
        $('input[type="submit"]').click();
    }
})

<强> Fiddle Demo