javascript - 使用 JQuery 显示警报后防止关注下一个表单元素

Question

我有一些文本输入，当用户切换到下一个时，我正在验证这些文本输入。我希望在显示警报后将注意力集中在有问题的输入上。我似乎无法确定让 JQuery 执行此操作的正确语法。相反，以下代码显示警报然后关注下一个文本输入。如何防止在显示警报后切换到下一个元素？

$('input.IosOverrideTextBox').bind({
    blur: function(e) {
      var val = $(this).val();
      if (val.length == 0) return;
      var pval = parseTicks(val);
      if (isNaN(pval) || pval == 0.0) {            
        alert("Invalid override: " + val);
        return false;
      }
    },
    focus: function() {
      $(this).select();
    }
  });

Answer 1

我不喜欢强制对焦，但你不能在模糊发生后才对焦吗？

element.focus();

如果在模糊事件中这样做并不总是有效(我不确定它究竟何时触发，在实际模糊发生之前或之后)，冗余超时也可以:setTimeout(函数 () { element.focus() }, 0).

但是请不要这样做。哎呀，你也不应该使用 alert 或任何类型的网络界面模式对话框。向表单字段添加一个 invalid 类，将消息放在它的旁边，并在所有字段都有效之前禁用提交怎么样？这是一个侵入性更小的解决方案，允许我以最适合我的方式填写表格，而不是任何对你来说最简单的方式。