Question

我有两个文本框，第一个是强制性的，当我按下选项卡后离开文本框空警报正确，但问题是当我将焦点设置到控件它不起作用时，焦点转到下一个控制，因为我按Tab键。

这就是我写的

$("#amount").on("blur", function () {
    if (!$(this).val()) {
        alert("This field is required");
        $(this).focus();
    }
});

请参阅此fiddle

上面的代码在crome中运行良好，但它在Mozilla中不起作用

Answer 1

试试这个

$("#amount").on("blur", function () {
    if (!$(this).val()) {
        alert("This field is required");
        $(this).focus();
        setTimeout( function() { $(window).focus(); $("#amount").focus() })
    }
});

Answer 2

从vivek的回答略微改进版本

$("#amount").on("blur", function () {
    var $this = $(this);
    if (!$this.val()) {
        alert("This field is required");
        setTimeout(function(){$this.focus();},1);
    }
});

FIDDLE

在必要的现场验证警报后控制无法获得焦点

2 个答案: