聚焦所有输入字段 - Jquery

Question

如何使四个输入文本域全部聚焦... 出错时需要对所有域进行聚焦 $("#sar1").focus(); $("#sar2").焦点(); $("#sar3").focus();

它只关注最后一个元素。下面的情况也是如此。 $("#searchSeId").find("input[type=text]").each(function(){ $(this).focus(); });

Answer 1

您一次不能关注多个输入。这样做意味着您可以同时编辑所有焦点字段中的文本。如果这确实是您想要的，则必须使用脚本 onkeyup 或 onchange 来编辑其他字段。

相反，我建议使用 JavaScript 添加 class:

$("#showerrors").click(function(){
  $("input[type=text]").each(function(){
    if ($(this).val() == "") {
      $(this).addClass("error");
    }
    else {
      $(this).removeClass("error");
    }
  });
})

然后应用 CSS 红色边框或其他内容来指示有错误的字段：

input.error {border:1px solid red;}

可以在此处找到一个非常简单的示例，在空字段上放置错误 class：http://jsfiddle.net/b3tnh6c0/

聚焦所有输入字段 - Jquery

Focus all input fields - Jquery

focus