按Tab键时的Java脚本形式验证

Question

I faced a problem.I have total 4 text-box fields and a submit button each box are required. But i want to do, when press tab key it does not need jump to second field if those field are empty,give error with red color border otherwise jump to second text field. [JSFidle][1]

Answer 1

Try like this

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;
        }           
    }
 });