使用jquery将焦点集中在文本框上

confitional focus on textbox using jquery

本文关键字：文本 集中 jquery 焦点 使用      更新时间：2023-09-26

我有两个这样的复选框：

<input id="isGenericPassword" name="isGenericPassword"
       onclick="IsGenericOrUnique(this.id);" type="checkbox" value="true" />
<input name="isGenericPassword" type="hidden" value="false" />
<input checked="checked" id="isUniquePassword" name="isUniquePassword"
       onclick="IsGenericOrUnique(this.id);" type="checkbox" value="true" />
<input name="isUniquePassword" type="hidden" value="false" />
<input id="UniquePassword" name="UniquePassword" style="display:none"
       type="text" value="" />

在文件中。再见，我有

 $('#isUniquePassword').is(':checked')
     ? $("#UniquePassword").show()
     : $("#UniquePassword").hide();

这样，如果复选框被选中，相关的文本框是可见的。

单击isUniquePassword复选框时，我隐藏了文本框UniquePassword

$("#isUniquePassword").click(function () {
    $("#UniquePassword").toggle(this.checked);
    if ($("#isUniquePassword").is(':checked')) {
        // unique password gets focus only if related checkbox is checked
        $("#UniquePassword").focus();
    }
});

当用户试图在不输入任何的情况下离开时显示对话

 $("#UniquePassword").blur(function () {
     if ($("#isUniquePassword").is(':checked') &&
         $("#UniquePassword").val() == '')
     {
         $("#dialog-RecipientEmail-error").dialog("open");                        
     }
 });

在Ok按钮上点击该对话框，再次将焦点设置为该文本框，以便输入值

  $("#dialog-RecipientEmail-error").dialog({
      autoOpen: false,
      resizeable: false,
      width: 300,
      modal: true,
      buttons: {
          "OK": function () {
              $(this).dialog("close");
              $("#UniquePassword").focus();
          }
      }
  });

不，我希望如果选中了isGenericPassword或取消选中了isUniquePassword，那么我应该得到错误对话框

$（"#UniquePassword"）.focus（）；不会聚焦字段，而是会触发与焦点事件绑定的操作。要集中一个字段，您需要获得HTML元素的句柄

$("#UniquePassword").get(0).focus();

这应该行得通。

相关文章：