按Tab键时的java脚本表单验证

Question

我遇到了一个问题。我有4个文本框字段和一个提交按钮，每个框都是必需的。但我想这样做，当按Tab键时，如果那些字段为空，则不需要跳转到第二个字段，给出带红色边框的错误，否则跳转到第二个文本字段。[JSFidle][1]

Answer 1

试试这个

Js Fiddle

$('input').keydown(function(e) {
    var code = e.keyCode || e.which;
    $(this).css('border','');
    if (code == '9') {        
        if($(this).val()==''){
             $(this).next().html('this field is required!');
             $(this).css('border','1px solid red');
            $( this ).focus();
            return;
        }           
    }
 });