如何从javascript设置表单的默认按钮？

Question

如何使用javascript或jQuery设置表单的默认按钮？

Answer 1

$(document).ready(function ()
{
    $(".tbPassword").keydown(function (e)           /* or keyup  */
    {
        if (e.keyCode == 13) // 27=esc
        {
            $("form").submit();
        }
    });
});

Answer 2

我从Web URL JQuery得到了答案：使用JQuery为'Enter Key'设置默认提交按钮

他写了以下脚本：

<div>
 <input type="submit" name="CancelButton" value="Cancel" />
 <input type="submit" name="DeleteButton" value="Delete" />
 <input type="submit" name="UpdateButton" value="Update" />
</div>

现在，如果您专注于其中一个HTML表单字段 - 名字或姓氏并点击“输入密钥”，表单将被提交给其中一个按钮操作，但您不确定哪些按钮操作！

现在让我们假设您要将表单提交始终默认为“更新”按钮，您需要执行以下操作 -

1-为“更新”按钮分配ID

<input type=”submit” name=”UpdateButton” value=”Update” id=”defaultActionButton”>

2 - 为文本框捕获onKeyDown事件，并将表单提交到“更新”按钮/操作。 [这是我使用jQuery的地方]

// all jQuery events are executed within the document ready function 
$(document).ready(function() { $("input").bind("keydown", function(event) {
  // track enter key
  var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
  if (keycode == 13) { // keycode for enter key
     // force the 'Enter Key' to implicitly click the Update button
     document.getElementById('defaultActionButton').click();
     return false;
  } else  {
     return true;
  }}); // end of function  }); // end of document ready

Answer 3

我知道这是一个旧版本，但花了很多时间试图解决它（我们有许多不同的文本框和按钮）这似乎是最简单的方法，基于他们在仍然在最后一个输入

 $(document).keypress(function (e) {
        if (e.keyCode === 13) {
            if ($("#inputLoginPassword").is(":focus")) {
                $("#LoginButton").click();
            }
            if ($("#inputIntegratedPassword").is(":focus")) {
                $("#integratedLoginButton").click();
            }
            if ($("#inputPinNumber").is(":focus")) {
                $("#PinLoginButton").click();
            }

            return false;
        }
    });

Answer 4

$("form").append('<input type="submit" value="OK" />'); 允许您使用jQuery为所有表单添加默认提交按钮。 你可以在追加它之前调整这个按钮

Answer 5

在要放置按钮的位置创建一个div（带id）。

<div id="placeHere"></div>

并从jQuery做到这一点。

$("#placeHere").html('<input type="submit" value="Submit" />')

希望他的帮助